1/4

基本的なJavaScriptで最新のフロントエンドプラクティスを学ぼう!

初級
チャプター 9つ · 9時間 13分
日本語 · 英語 · 韓国語|オーディオ 韓国語

バニラ・JavaScript
このクラスでは 5点の作品を作ります。

作品1点につき制作にかかる時間の目安は1です。

  • モダンバニラJavaScript (ES6) の基本を学ぼう

  • バニラJavaScriptでパズルゲームを作る

  • バニラJavaScriptでタイプライターゲームを作る

  • ライブラリを使用せずに、純粋な JavaScript で Tudu アプリを作成しましょう

  • オープン API を使用して天気検索アプリを作成する

フロントエンド開発者の地位が高まった?!

📍 フロントエンド需要の増加

以前は、フロントエンド開発者はクライアント (ユーザー) 画面のごく一部しか担当していませんでした。しかし今では、ウェブ開発においてますます重要な役割にまで拡大しつつあり、その結果、フロントエンド開発者の需要が高まっています。


JavaScript (JS) は多くの分野に拡張できます!

📍 優れた拡張性は、コストパフォーマンスが高いことを意味します。

Webだけでなくモバイルアプリケーションやデスクトップアプリケーションにまで及ぶJavaScriptを学び、フロントエンドを学べば、多くの機会が目の前に広がります。

Javascript ES6 (ジャバスクリプト標準) 発表の時点で、とても魅力的な言語に変わりました。

以前は、単なるWeb画面から、Web開発において非常に重要な役割を果たすようになり、サーバーとしても機能するようになりました。


また、皆さんがよく知っていること インスタグラム、ディスコード、スカイプ、ビジュアルスタジオコード これらはすべてJavaScriptで作られていることをご存知ですか?このように、JavaScriptはさまざまな分野に拡大しています。

しかし、拡大するにつれて難易度は必然的に上がります。フロントエンドとJavaScriptをどのように征服すべきか?



理論ではなく実践で学んでください。

📍パズルゲームとタイピング練習ゲームを一緒に作って簡単に覚えましょう。

フロントエンドの知識とES6に欠かせない最新のJavaScriptを使って授業を行いたいと思っています。できる限り練習に近く、楽しく学べるようお手伝いします。

理論だけじゃなくて、実践と実践で培われたノウハウを忘れたくても忘れられません。このクラスを受講すれば、HTML、CSS、JSの単純なコーディングから自然と脱却し、最新の開発動向を追うことができるようになります。



フロントエンド開発、具体的には何を学びますか?

📍第 1 章:HTML と CSS とは何かについての非常に簡単な要約

HTML5の基本的なスキルは、 CSSそれぞれの基本スキルを学び、生産性に影響を与える グリッドフレックス見てみましょう。

その後 ブートストラップ、マテリアルデザイン、CSSフレームワーク 最新の動向に即した開発者になること等を学び、開発者を目指すこと 生々しだを使用してレイアウトを作成する方法を学びます。


📍 第2章:演習を通してJavaScript (ES6) を学ぶ

今日の JavaScript の重要性とビジョンそれと、JavaScript標準と呼ばれるES6についてお話します。

あとは練習を続けます。 変数とデータ型、オブジェクトと配列、条件文と操作、メソッド関数、オブジェクト指向プログラミング、DOM 処理について実際に学んでみましょう。


📍 第 3 章:ライブラリを使わずに JavaScript のみを使用してトゥドゥー語アプリを作成する

パブリッシング、DOM、ストレージの順序 ライブラリのない本当にピュアなアプリ作ります!


📍 第4章:オープンAPIを使った天気検索アプリの作成

アクシオスの使い方を学び、Postmanを使ってRESTfulテストを行います。その後、出版とプログラミングの練習をします。


📍 第5章:タイピングゲームを作る

先ほど説明した Bootstrap、Flex、Grid を使ったパブリッシングについて学んでください。また、状態管理メソッドを作成して、間隔、DOM、およびトーストライブラリを追加してみます。ランダムワードAPIを私の親しみやすさにも適用してみましょう。


📍 第6章:パズルゲームを作る

今回は、バックグラウンドアタッチメント、トランジションアドバンスド CSS などを使用して公開し、組み込みオブジェクトの使用方法や独自のドラッグイベントの作成方法についても学びます。最後に、リファクタリングを使用してコードをよりクリーンにし、仕上げプログラムを作成します。



フロントエンドの最初のステップを教えてくれる開発者のScalperです。

📍 フルスタック開発者からフロントエンド開発者まで。

はじめまして、開発者のスカルパーです。フルスタック開発者として働いた後、フロントエンドに興味を持ち、フロントエンド開発者に移りました。

それ以来、ハンファ、金剛航空、ユーロスターの旅行プラットフォームなど、さまざまなプロジェクトを実施してきました。

  • ハンファソリューション工場安全システム
  • KCCA 変動人口監視システム
  • ユーロスター・スマート・ツーリズム・プラットフォーム:スイス・ビジネス・コンソーシアム
  • 大邱テクノパークスマートファクトリープロジェクト
  • 潭陽郡庁ポータルサイトのウェブ標準、アクセシビリティ作業
  • 亀尾市庁統合サイト管理
  • 延世大学脳認知科学研究所実験ソリューション
  • 麗州大学看護成績管理システム
  • 漢東大学スマートマイレージアプリ

最近のJavaScriptとフロントエンドの講義は私にとって有意義な経験で、授業を本格的に行うクリエイターになりつつあります。



過去のレガシーコードではなく、

モダンでクリーンな ES6 JavaScript を学ぶ

📍 フロントエンドデベロッパーとして成長するための基礎となるクラス

インターネット上に浮かぶ情報を見ても、何を言っているのかわからないという気持ちはよくわかります。何を言えばいいのか、どうやって始めたらいいのかわからない人にぴったりのクラスです。

章ごとに学習するたびに、実際にどのように使用され、どのように機能するかを実践的な練習を通して学ぶお手伝いをします。 単純なコーディングから離れて、真のモダンデベロッパーになりましょう。

最新のバニラJavaScriptでフロントエンドを学ぶための第一歩です!

じゃあ、授業で会いましょう。



クラストレーニング環境ガイド

📍基本プログラム

  • クロム
  • ビジュアルスタジオコード

👨🏻‍💻インターンシッププログラム

  • 郵便配達員
  • node.js
  • Git
  • ソースツリー
キット・コーチング券

👨🏻‍💻 スカルパーから直接の 1:1 フロントエンドコーチング (2 セッション)

📍 現代のフロントエンド開発者になるための1対1のコーチング!

  • コーチングチケット1枚につき、合計2つの質問をすることができます。
  • 各質問について、250文字前後の回答を書いて送信します。(ビデオ会議をご希望の場合、所要時間は約 20 分です。)
  • まず、JavaScriptの基本的な演習に従いながら、理解できない部分や追加の質問があれば詳細に指導します。
  • 次に、トレーニング環境の構成において実行できない部分やブロックされている部分についてコーチングを行います。
  • 3つ目は、プログラムの適用やライブラリの統合など、授業内でコンテンツを開発する際の難しい問題を解決するためのコーチングを行います。
  • 他のクラスに関する質問については、回答の範囲内で心を込めて指導します。
  • コーチングは、質問を受け取った日に基づいて、借り手によって順番に回答されます。これには少なくとも 7 ~ 10 日かかる場合があります。
  • コーチングチケットは購入日から20週間使用できます。
  • 期間内に使用しなかった場合、払い戻しは行われません。

📩 パッケージは一部変更される場合があり、変更があった場合は十分にお知らせします。

カリキュラム

クリエイター紹介

Scalper

Scalper

フロントエンドの最初のステップを教えてくれる開発者のScalperです。

📍 フルスタック開発者からフロントエンド開発者まで。

はじめまして、開発者のスカルパーです。フルスタック開発者として働いた後、フロントエンドに興味を持ち、フロントエンド開発者に移りました。

それ以来、ハンファ、金剛航空、ユーロスターの旅行プラットフォームなど、さまざまなプロジェクトを実施してきました。

  • ハンファソリューション工場安全システム
  • KCCA 変動人口監視システム
  • ユーロスター・スマート・ツーリズム・プラットフォーム:スイス・ビジネス・コンソーシアム
  • 大邱テクノパークスマートファクトリープロジェクト
  • 潭陽郡庁ポータルサイトのウェブ標準、アクセシビリティ作業
  • 亀尾市庁統合サイト管理
  • 延世大学脳認知科学研究所実験ソリューション
  • 麗州大学看護成績管理システム
  • 漢東大学スマートマイレージアプリ


その後、JavaScriptやフロントエンドの授業を行う機会があり、自分が知っていることを共有することにもやりがいを感じて、本格的に講座を始めました。

最近では、どの言語を扱う開発者も基礎知識として JavaScript について知っておくことが推奨されています。みなさんがJavaScriptの魅力的な世界に入り、共に成長する機会を得ることを願っています。

現代のデベロッパーとして生まれ変わったクラス、

フロントエンドの入門クラスでバニラJavaScriptを使ってお会いしましょう!

このクラスに似ているおすすめクラス

没入型コーディングによるフルスタックReact開発者の仕事のコアカリキュラムWeb · フロントエンド  |  熱中コーディング
著作権ガイドライン
  • クラスに含まれるすべての映像と資料は著作権法など関連法令により保護される知的財産です。
  • クラスに含まれるすべての映像や資料は、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。

    クラスに含まれるすべての映像と資料は著作権法など関連法令により保護されている知的財産です。
  • 著作権者の許可無く、クラスに含まれるすべての映像や資料を、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。
CLASS101JAPAN株式会社
japan@101.inc