inflearn logo
inflearn logo

JavaScriptからReactまで[PART3/4] 諦めずにReactへ進む道

もしかして、Reactの勉強で挫折したことはありますか? Reactの基礎となるJavaScriptの基本をしっかりと身につけた後、段階的に学習することで、諦めずにReactへの道を開きます。

6名 が受講中です。

難易度 入門

受講期間 無制限

JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
ES6
ES6
TypeScript
TypeScript
javascript-dom
javascript-dom
JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
ES6
ES6
TypeScript
TypeScript
javascript-dom
javascript-dom
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

受講後に得られること

  • JavaScript (ジャバスクリプト)

  • バニラJavaScript

  • jQuery

  • ES6

  • モダンスクリプト

  • リアクト

JavaScript, vanilla-javascript, ES6, TypeScript, javascript-dom

非専攻者のための[JavaScriptからReactまで]

諦めずにReactへの道 🚵[PART3] ブートキャンプ

もしかして、Reactを勉強していて挫折したことはありませんか?キム先生のクラスでは、Reactの基礎となるJavaScriptを段階的に学習するため、バニラスクリプトからJavaScript ES6文法、jQueryなどの基本文法から様々な実習例題を通してスクリプトの基礎をしっかりと固めた後、Reactの多様な文法の理解と実習を通してコンポーネント、state、メモ化を活用した掲示板と会員機能を実装し、TypeScript文法を身につけてToDoList実習例題を制作するなど、諦めずにReactへの道を開いてくれます。

👩🏻‍💻 本当に基礎から始める

非専攻者のためのフロントエンド、バックエンド、フルスタック就職コース

[JavaScriptからReactまで] 講座の特徴

15年の講義ノウハウをぎゅっと詰め込んだ講義🎯


小学校のコーディング教育、ITソフトウェア学科の高校生、コンピュータ工学科の大学生、非専攻者の就職準備生を対象に15年以上コーディング教育に専念してきた現職スター講師ヨンコディ・キム先生のこれまでのノウハウをぎゅっと詰め込んだ分かりやすくて楽しいCSS3コーディング講義です。

CSSの基礎の第一歩から始めて、高度なアニメーションとインタラクティブなWeb制作スキルまで一度にすべて詰め込みました。


簡単で面白い説明に命をかけるタイプ 👨‍🏫


英語コーディングのキム先生の分かりやすく楽しい説明と独特の暗記法を通じて、超初心者でも段階的に簡単に理解しながら成長できるよう絶えず努力しているキム先生です。

また、様々なクローンコーディングを通じて実務ウェブ開発を段階的に身につけることができます。本当に基礎から始める非専攻者のためのウェブデザイン、フロントエンド、バックエンド、フルスタック就職コースを通じて開発者としての夢に挑戦してみてください。


各チャプターでSELF_EXを解いて実力チェック


各チャプターで提供されるSELF_EX問題を通じて、学習した内容を自分でチェックしながら実力を身につけることができます。各単元の核心概念と実習内容を基に構成された問題は、CSS学習の理解度を確認し、不足している部分を補完するのに大きな助けとなります。

反復学習と問題演習を並行しながら自然に実力が向上し、着実な成長を続けられるよう支援する重要なチェックポイントの役割を果たします。

📚 非専攻者のための[JavaScriptからReactまで]ブートキャンプでは、こんなことを学びます!

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]スクロール時にスクロール方向に移動するキャラクターウェブサイト制作[[/SPAN_2]]

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]プラグインを利用したカルーセル制作[[/SPAN_2]]

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]スクリプトで完成したモーダルウィンドウ制作[[/SPAN_2]]

ボタンクリック時の動画制御スキル

ボタンクリック時にファイルをダウンロード

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]ToDoList制作[[/SPAN_2]]

🎬JavaScriptからReactまで PART3 学習内容

  1. オブジェクトの世界へ!JavaScriptにおけるオブジェクトとは何でしょうか?

  2. 私の位置はここ!JavaScriptのlocationオブジェクトでページを制御する

  3. 時間を支配せよ!JavaScriptでタイマー作成

  4. DOMを探検しよう!Traversingメソッドで要素選択する


  5. イベント伝播の秘密、バブリングとキャプチャリングを理解して活用する

  6. DOMを思いのままに!JavaScriptで要素を修正・更新する

  7. 動画を動的に自由自在に制御する


  8. プラグインでWeb機能を多様にアップグレードする

英コーディのキム先生は、現在国費支援ブートキャンプでフロントエンドデザイナー、バックエンド開発者、ウェブデザイナー、フルスタック開発者など500名以上を継続的に輩出しており、「受講生が選ぶ知人に推薦したい授業1位」に継続的にランクアップしています。

実際の受講レビュー確認はこちら | https://greenart.co.kr/community/student_review

Spring Boot, JPA, TDD, JSP, Java, スプリング, スプリングブート, リアクト, フロントエンド, バックエンド, フルスタック, ジャバ

풀스택 로드맵4

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, フロントエンド, バックエンド, フルスタック, Java

非専攻者向けフルスタックコースでは、各コース過程別に何を学びますか?

STEP01 | 非専攻者のための[HTML スターター] ブートキャンプ[該当コース移動クリック]

htmlの意味と基本コードの書き方およびレイアウト構築

ウェブ開発をするということは、誰でも来ることができる店舗をオンライン上に作ることと同じです。HTMLはHyper Text Markup Languageの略で、ウェブページの主要な核心内容となる情報を持って基本骨組みを作る作業を学びます。


STEP02 | 非専攻者のための [CSSスタイルからアニメーションまで] ブートキャンプ [該当コース移動クリック]

CSSの意味と基本コードの書き方から、希望するスタイルをhtmlに適用してWebデザインする方法まで

CSSはCascading Style Sheetの略で、Cascadingは階層的な、滝のような意味を持つ単語です。cssは文字通りhtml構造の親子関係を階層的に選択して、望む要素に望むスタイルの色や形、アニメーションを適用し、ユーザーが見て退屈ではなく興味深く美しいウェブをデザインできるシートを作成して適用します。また、cssに自信が持てるまで様々な実務サイトのクローンデザイン、モバイルデザイン、ウェブデザインをHTML/CSSを反復的にコーディングしながらウェブデザインを多様に制作する経験を積みます。


STEP03 | 非専攻者のための [JSからReactまで] ブートキャンプ[該当コース移動クリック]

バニラスクリプトとJavaScript ES6文法を習得してReactを活用する

もしかして、Reactを勉強していて挫折したことはありませんか?キム先生のクラスでは、Reactの基礎となるJavaScriptを段階的に学習するため、バニラスクリプトからJavaScript ES6文法、jQueryなどの基本文法から様々な実習例題を通してスクリプトの基礎をしっかりと固めた後、Reactの多様な文法の理解と実習を通してコンポーネント、state、メモ化を活用した掲示板と会員機能を実装し、TypeScript文法を身につけてToDoList実習例題を制作するなど、諦めずにReactへの道を開いてくれます。


STEP04 | 非専攻者のための[レスポンシブWeb制作]ブートキャンプ[該当コース移動クリック]

レスポンシブウェブを作るための@メディアクエリの理解と使用法を身につけ、簡単にレスポンシブを制作できるフレームワークであるBootstrapを習得し活用する

デバイス機器に応じてレイアウトが変わるレスポンシブWebページ開発のためにBootstrap(ブートストラップ)を活用する方法について、理論と実習を適切に配分してBootstrapの構成要素を理解し、実習を通じてすぐに確認しながら実際のレスポンシブWebサイトを実装して完成させます。

また、ブートストラップの決められたスタイルの代わりに、自分だけの個性的なスタイルのレスポンシブウェブを制作したい方のために、ブートストラップを活用せずに純粋にhtml/css/jQueryのみを活用してデバイス別に様々なレイアウトを実装できる実習を、ハンソッ弁当のレスポンシブウェブ制作を通してマスターしてみます。


STEP05-1 | 非専攻者のための[JAVA基礎]ブートキャンプ [該当コース移動クリック]

最も基本的な文法の理解と実習から始めて、Java基礎と中級文法を身につける

ウェブ開発バックエンドの最も基本的な言語であるJavaを、最も基本的な文法から始めて段階的に中級レベルまで習得し、様々な例題実習を通じて自分で望むプログラムをコーディングできる能力を自然に身につけることができます。


STEP05-2 | 非専攻者のための [JAVA基礎から応用まで] ブートキャンプ[該当コース移動クリック]

Java基礎から高級文法の理解と実習

Javaのコレクションフレームワークは、collection文字通り収集、つまり保存するクラスを自体的に内蔵している内部ライブラリで、データの様々なタイプを一箇所にまとめて管理・保存できる多様な文法を習得し、Javaの基礎から応用まで様々な例題を実習することで、Web開発バックエンドの礎を堅固にする土台を作ります。


STEP05-3 | 非専攻者のための[Oracle SQL]ブートキャンプ[該当コース移動クリック]

Databaseの理解と実習

データベース(DB)テーブルを作成し、dbに読み書き、修正、削除するCRUD実習を通じてSQL文法を学び実習することで、会員登録、ログインや掲示板作成時にdbを活用できるよう準備します。


STEP06 | 非専攻者のための [JSPからSpringBootまで] ブートキャンプ [該当コース移動 クリック]

JSPからSpring Bootまで

最近実務で最もよく使われているSpring Bootから勉強を始めて挫折した経験はありませんか?

キム先生のクラスでは、Spring Bootを完璧に理解するために最も基礎的な文法であるJSPから学習し、前世代から現世代へのバックエンド文法の進化を直接体感しながら自然に概念と使用法を身につけ、ウェブ開発のバックエンドを自動で実装してくれるSpring Bootが動作する原理を理解します。

ORM、JPA、エンティティの基本概念と活用、Spring Securityの理解とセキュリティを活用した会員機能の実装、JUnit testの実習とH2コンソールの使用法などの実習を基に、Spring Bootを活用して会員と掲示板機能がある実務Webサイトを実装し、GitHubでの協業まで、ポートフォリオ制作のための基礎を完璧に習得します。


STEP07 | 実戦デプロイのための[ホスティングからAWSまで] Webサービス構築

[該当コースへ移動 クリック]

ホスティングとAWS配布で完成するWebサービス

もしかして開発したプロジェクトが自分のコンピューター内でしか実行されず、実際のサービスとしてデプロイできずにもどかしい思いをした経験はありませんか?

キム先生のクラスでは、単純にコードを書くだけにとどまらず、ドットホームを活用したWebホスティングからGIT、AWS EC2へのプロジェクトデプロイまで全過程を段階的に実践しながら学習します。

ドメイン接続、FTPアップロード、GitHubを通じたデプロイ、jarパッケージング、サーバー設定、画像アップロードパス指定、nohupを活用した無停止実行まで、実務で必ず必要なデプロイプロセスを習得できます。

このプロセスを通じて、自分が作ったWebサイトを実際に世の中に公開できる経験を積みながら、開発者としての自信実際のサービス運営能力を同時に身につけることができます。

Java、オブジェクト指向、国費支援ブートキャンプ、Spring Boot、SJava、オブジェクト指向、国費支援ブートキャンプ、フロントエンド、フルスタック、バックエンド、Java、Spring Boot、Spring、オブジェクト指向、JSP、Java、Spring、Spring Boot、React、Spring Boot、Spring、Spring、Spring Boot、React、バックエンド、フロントエンド、Spring、Spring、Spring Boot、React、バックエンド、フロントエンド

受講前の参考事項

学習資料

  • 授業で使用される画像や完成ファイル、PDF教材をダウンロードして実習に活用していただけます。
    (該当ファイルは教育用ファイルで個人実習用としてのみ使用可能であり、無断で配布することはできません。)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • コーディングを初めて触る全くの初心者

  • 非専攻者

  • JavaScript、Reactを勉強していて諦めたことがある方

こんにちは
youngcodikimssamです。

429

受講生

30

受講レビュー

23

回答

5.0

講座評価

19

講座

👩 この講座を作った人

[非専門家でも簡単で楽しく学べるコーディング!]を目標に、15年以上フルスタック(バックエンド、フロントエンド)および映像、コーディング、デザイン、ビッグデータ、機械学習などを教え、開発者の人材育成に真摯に取り組んでいる現職の職業訓練教師


🎖 経歴事項

[コンピュータを全く知らない人が副業で月100万円の収入を得るための第一歩] の著者

NCS国家職務能力講義 雇用労働部評価A等級講師選定

グリーンコンピュータアカデミー水原 優秀講師選定(2017、2018、2019年 3年連続最優秀1等賞受賞)

元)サムスンODD企画開発チーム担当

カトリック大学コンピュータ工学部 特別講義

龍仁松潭大学マルチメディア学部特別講義および多数


🚵 資格事項

職業能力開発訓練教員[情報技術開発] 雇用労働部

職業能力訓練教員[情報技術運用] 雇用労働部

職業能力開発訓練教員[情報技術戦略・計画] 雇用労働部

職業能力開発訓練教員[人工知能] 雇用労働部

職業能力開発訓練教員[実習型コンテンツ制作] 雇用労働部

職業能力訓練教員[文化コンテンツ制作] 雇用労働部

職業能力開発訓練教員[マルチメディア] 雇用労働部

職業能力訓練教員[一般事務] 雇用労働部

職業能力訓練教員[総務] 雇用労働部

職業能力開発訓練教員[デザイン] 雇用労働部

職業能力訓練教師[映像制作] 雇用労働部

職業能力開発訓練教員[印刷] 雇用労働部

職業能力開発訓練教員[出版] 雇用労働部

ビッグデータ専門家1級 韓国職業能力振興院

情報処理技師 韓国産業人力公団

OA事務自動化産業技師 韓国産業人力公団

コンピューター活用能力2級 大韓商工会議所

ITQ OAマスター 韓国生産性本部

ワードプロセッサ1級 大韓商工会議所

マルチメディアコンテンツ制作専門家 韓国コンテンツ振興院

視覚デザイン産業技師 韓国産業人力公団

コンピューターグラフィックス運用技能士 韓国産業人力公団

ウェブデザイン技能士 韓国産業人力公団

GTO フォトショップ 1級 グローバル公認資格検定院

GTQ イラスト 1級 グローバル公認資格検定院


👩‍🏫 現)グリーンコンピュータアカデミー 職業能力訓練教師 在職中

担当課程)情報技術開発/フロントエンド/バックエンド/フルスタック/Javaウェブ開発/UIUXエンジニアリング/ビッグデータプラットフォーム構築/ビッグデータシステム開発/プログラミング言語/Python/Java/ビッグデータ分析/ビッグデータ専門家/プログラミング言語/コンテンツ企画


  インフランの「Bootstrap 3を活用したレスポンシブウェブページ作成」の購読者約10万人突破を記念し、これまでDMで多く寄せられた追加講義へのリクエストにお応えして、 フルスタック講義を最新バージョンで企画・制作およびアップロード中です。皆様の温かい関心とコメントは、ヨンコーディ・キム先生の講義制作の大きな原動力になります。

 

ゆっくりではありますが、一歩一歩着実に質の高い講義で皆さんと共に歩んでいきます。

 

もっと見る

カリキュラム

全体

31件 ∙ (10時間 53分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

youngcodikimssamの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

¥6,820