
HTML+CSS+JS ポートフォリオ実戦パブリッシング(シーズン3)
codingworks
HTML+CSS+JS 実践ポートフォリオ(シーズン3)は、パブリッシングの実践事例を制作する過程です。様々な実践事例制作を通じて、パブリッシングスキルを中上級へと成長させることができます。34時間以上の十分な講義時間と、様々な種類の実際制作過程であるため、制作ノウハウと応用方法を十分に習得できます。
초급
HTML/CSS, JavaScript, jQuery
ウェブ パブリッシャー向けの JS 核心理論および実践例教材および完成版は、PDF で作成された講義教材です。この教材は、ウェブ パブリッシャーが必ず知っておくべき JavaScript と jQuery の基本を忠実に習得できる役割を果たします。この教材の特徴は、理論に関連するスモール ミッション (Small Mission) を通じて、理論をさらに強化できることです。特に、学習したすべての理論を活用した実践例も、忠実に準備された教材です。この PDF の全ページは、純粋な JavaScript (Vanlila JavaScript) と jQuery ページの数が 320 ページ以上で、CodingWorks が簡単に理解できるように十分な説明が追加されています。特に、パブリッシャーがウェブサイト作成のために必要な jQuery 相互作用の実践例を学習できます。

JavaScript の必須理論と実践的な活用例
jQuery の必須理論と実用的な活用例
JavaScript&ジェイクエリ HTML+CSS+JS 完成本
コーディングワークスが心血を傾けて丁寧に作ったJSコア理論と実践例PDFの自己教材です。普通の書籍とは異なり、JavaScriptとJayQueryが負担のあるWebデザイナーやパブリッシャー就職準備生にコーディングワークスがぜひ!必要な内容をわかりやすくするために十分な説明を入れました。その教材を作りながら「これをどのように説明すれば受講生たちがより簡単に理解できるだろうか」と考えながら頑張りました。
既存のJavaScriptとJaqueoriesの教材は、今まで必要とされていない内容まで膨大に説明していますが、重要な内容の区別と説明が不足しています。読者の立場では、何をどのように集中して学習すべきかを知ることは難しいです。具体的には、理論の現実的な例が欠けています。例がありますが、現実的な例だと見にくい場合が多いです。しかし、コーディングワークスが作成した「WebパブリッシャーのためのJSコア理論と実践例教材と完成本」は、実務ですぐに使用できるコアな内容だけをよくまとめました。そして新しい理論を勉強すれば、必ずその理論を活用する例、まもなく、スモールミッションを行うように構成されています。
学習したすべての理論を活用して実践例を作成します。理論を勉強するときは、これはどこに書きますか?という考えをすることもできますが、いくつかのスモールミッションと最後のパート本番の例を作りながら「あ~勉強した理論を掛けるときに使うんだ!」と思います。これにより、理論をより堅く覚えることができます。特に現実的な実践例を作ってみると、JavaScriptとJayQueryが開発者たちがするのは難しくて負担なものだけではないという考えをしながら、今後さらにJavaScriptとJayQueryを楽しく勉強できる動機になります。
パブリッシング関連またはプログラミング関連の学習のために、以前は書店で本を購入してみました。私もそうでした。ところが本というのが必要なときに見ようとすると、常にそばにいるはずですが、持ち歩くのも大変で家に置いて通うことがほとんどです。だから、いつでもどこでも気になればすぐに見ることができる電子ブックが良いです。
余談ですが。検索してYouTubeやブログを通じて複数の人の知識をもたらしますが、結局自分には断片的な知識になることが多いです。一般図書でも電子ブックでも、どんな形でも実力向上のために参考書は必ずなければなりません。
教材に記載されているすべてのスモールミッションと実践例ファイルは、HTML + CSS + JSファイルの形式でダウンロードできます。そのため、教材の内容をコーディングする前に、プレビューでファイルを先に開いて、教材を通じて練習することができ、教材で見逃した部分を完成本ファイルを通してチェックすることができます。
01. JavaScriptの基本文法
02. JavaScript変数
03. JavaScript 条件文 if, switch 文
04. JavaScriptの繰り返し文 - while文、do while文、for文
05. JavaScript配列とfor inステートメント
06. JavaScript 関数 (function)
07. JavaScriptオブジェクトとコンストラクタ関数
08. JavaScript 基本組み込みオブジェクト
09. BOM(ブラウザオブジェクトモデル):ブラウザオブジェクト
10. DOM(Document Object Model):文書オブジェクト
11. HTML DOM Node
12. JavaScript - ドキュメントオブジェクトのプロパティ
13. JavaScriptの実践例
01. ジェイクエリ接続と基本文法
02. ジェイクエリー必須メソッド Part1
03. ジェイクエリー必須メソッド Part2
04. ジェイコーリー実戦例
05. ジェイクエリプラグインの使い方
※該当するジェイコーリー教材でAjaxの使用法は扱いません。

▲スライダー(前の次のボタン、Autoplayコントロールボタン)

▲スラアーダー(自動Autoplay、マウスオーバー停止して抜けたら再起動)

▲マウスクリックしてスムーズにスクロールして移動させる(JavaScript方式)

▲ [分秒ミリ秒]ストップウォッチ(Stop Watch)を作る

▲はさみロックボー(Rock Paper Scissors)ゲームを作る

▲電卓を作る with Grid

▲マウスイベントで背景色を変更する

▲モーダル(Modal) 浮く(方法2)

▲マウスクリックしてスムーズにスクロールして移動させる(ジェイクエリー方式)

▲ ToDo Listを作成

▲モバイル下部のアイコンタブバーナビゲーションの作成(Tab Bar navigation)

▲マウスポインタに沿って走る拡大鏡機能を作る

▲ライトモード&ダークモードを切り替える

▲フォントサイズ増加減少バーを作る

▲テキスト入力ボックス(textarea)文字数をチェックする

▲パスワード入力値を表示する隠す with フォントアイコン

▲プロフィール写真アップロードフォームを作成

▲フォーム入力フィールドクリックするとテキスト上がるアニメーション

▲フォトギャラリーライトボックス(Lightbox)を作る

▲イメージホバーエフェクトをジェイクエリーアニメートにする

▲サイドバーナビゲーションで隠しコンテンツを開く

▲フロントバックトランジション画面切り替え

▲ジェイクエリスライダープラグインSlick Sliderの使い方

▲ジェイクエリタイピングプラグイン Typed.jsの使い方

▲ジェイクエリプラグインフェザーライトの使い方

▲JQueryカウントダウンタイマープラグインThe Final Countdownの使い方
該当の教材は、Webパブリッシャー就職準備をする方、またはWebパブリッシャーで現職で働いている方のための教材です。フロントエンド開発者またはバックエンド開発者が希望するレベルの深さを持つ講義ではありません。だからといって、JavaScriptとJayQueryのコア理論の内容を間違って扱っているわけではありません。全般にわたって必ず必要な内容を取り扱っています。フロントエンド開発者またはバックエンド開発者が望むJS講義のレベルの深さは、市販の中上級のJavaScript教材が適しています。
🟢 その講義を受講する前に、以下のコーディングワークスのブログ記事を一度見てください。
WebデザイナーとWebパブリッシャーがJavaScriptよりもジェイクエリを上手にする理由: https ://www.inflearn.com/blogs/3527
県)国費パブリッシング&フロントエンド講師
県)フリーランサーフロントエンドパブリッシャー
現)HTML+CSS+JQUERYパブリッシングYouTubeチャンネル「コーディングワークス」運営
グリーンコンピュータアカデミーウェブパブリッシングインストラクター
ダージョはコンピュータアカデミーウェブパブリッシングインストラクター
今コンピュータアカデミーWebパブリッシングインストラクター
フロントエンドパブリッシャー、フロントエンドパブリッシング専門講師
UI/UX Webデザインポートフォリオ講義
ウェブデザイン機能士実技資格講義講義
イージーアンドデューフロントエンドUI / UXデザインとパブリッシング
🌏コーディングワークスInflearn講義リスト - https://www.inflearn.com/users/@codingworks
🌏Inflearnコーディングワークス講義学習手順(学習ロードマップ) - https://www.inflearn.com/blogs/2351
🌏コーディングワークス Inflearn パブリッシングブログ - https://www.inflearn.com/users/@codingworks/blogs
🌏コーディングワークスパブリッシングYouTubeチャンネル - https://www.youtube.com/codingworks
学習対象は
誰でしょう?
JavaScript & jQuery の重要な内容を PDF 教材として見たい方
JavaScript & jQuery のスキルを向上させたい Web デザイナー、Web パブリッシャー、Web 開発者
前提知識、
必要でしょうか?
メインがパブリッシングではない JS 学習教材なので、HTML+CSS の基本的な能力程度
12,764
受講生
762
受講レビュー
2,114
回答
4.9
講座評価
23
講座
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
全体
5件
講座資料(こうぎしりょう):
全体
11件
4.6
11件の受講レビュー
受講レビュー 8
∙
平均評価 5.0
受講レビュー 10
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
理論と本当に様々な実務例が盛り込まれており、追ってみながらすぐに実力が増えると思います!インターネット講義ではなく電子書籍なので、いつでも確認しやすく定められた講義時間があるのではなく、私のスピードに合わせて勉強できるという点も本当にいいようですが、一生懸命勉強してみましょう!
受講評ありがとうございます〜^^
受講レビュー 32
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
これまでYouTubeや無料講義などでJavaScriptを勉強したが失速はない理論だけでしたが、この講義を購入してみてはJavaScriptについてもっと深く理解できるようになりました。
不足している講義をよく見てくれてありがとう〜!
¥4,234
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!