BEST

Programming Language

Javascript ES6+を正しく学ぶ - 初心者

Name: Javascript ES6+を正しく学ぶ - 初心者
Price: 35200 KRW
Rating: 4.9 (125 reviews)

ES6+を正しく学ぶコースは、JavascirptのES6以降の標準ECMAScript仕様について、理論に基づいてES5と異なる点と概念と動作原理を深く教えてくれます。

（4.9）受講レビュー 125件

受講生 1,691名

難易度初級

受講期間 無制限

jaenam

JavaScript

ES6

JavaScript

ES6

学習した受講者のレビュー

4.9

5.0

송은정

100% 受講後に作成

とても良いb 一人で勉強しながら幕を閉じた概念がカリキュラムにある場合は、ぜひ聴いてみてください！講義聞きながらああ！大ヒット！する学びの楽しみを感じることができます！もう少し基礎的な部分から勉強したい方はチョン・ジェナム様の他の基礎講義（「核心概念を調べるJavascript Flow」）聞いて聞くともっといいと思います！

5.0

Sang-ok Lee

97% 受講後に作成

たくさんの助けになりました。

5.0

Rechel

100% 受講後に作成

jQueryだけを書いて機能はほとんどライブラリや検索にのみ依存していたのでFlowから突然多くの用語が頭に入って混同だがㅎ.ㅎ）講師様の例と説明が実務で使用するときに多くのことを考えられるようにしてくださるようです。私が直接使ってこそ、私の消化になるので、たくさん使ってみながら混乱するものがあればまた返して聞かなければなりません。ありがとうございます。 JSFlowから見ていました:)

受講後に得られること

ECMAScriptの概念と動作原理
ES6+環境で最新のフレームワークとライブラリで開発する方法

Javascript ES6+は何が違うのですか？
ネイバー開発者に学ぶES6+の定石

ECMAScript6+を正しく学ぶ：初心者

「ES6+ を正しく学ぶ」では、Javascript の ES6 以降の標準 ECMAScript 仕様の理論に基づいて、ES5 と異なる点と概念と動作原理を深く見ていきます。

モダンなブラウザでの動作過程を直接目で確認し、実務に適した様々な例を通じて良いコーディングをするためのヒントと学習のコツをお知らせします。（ただし、この講義はJavaScript入門講義ではありません。）

この講義では
このような特徴があります

この講義は、2018年4月から行われたオフライン講義の内容を編集および再編成したものです。
オフライン講義で中途半端になった受講生たちの質問とその答えをそのまま活かしました。
新機能を紹介し、既存方式の動作原理と新しい方式の動作原理をわかりやすく比較して説明したいと思いました。
最初の講義からじっくりとステップを踏みながら知識の幅が広がるように構成しました。
なるべく実務で書いている例を紹介したいと思い、中途半端に直接経験したり接した問題を解決する方法も紹介したいと思いました。

この講義では
このような目標があります

ECMAScriptの概念と動作原理がわかります。
ES6+環境で最新のフレームワークやライブラリとして開発できる。

この講義は
こんな方にお役に立てます

JavaScript
（フロントエンド）
開発者

ES6+環境でReactJS、VueJS、Typescriptなどのフレームワーク/ライブラリで開発している方

原理を理解していないまま活用することに急いで自信がないか、基本基に対する渇きを感じる方

注意事項

《核心概念を調べるJavascript Flow》講義カリキュラム上の内容をすべて理解している方（参照型データの動作原理、ホイスティング、スコープ、実行コンテキスト、thisバインディング、クロージャ、プロトタイプおよびクラス継承などについての事前知識がある方）は内容をより容易に理解することができます。
一方、上記の事前知識がない方の場合、ES5環境での動作と新機能を比較する内容については理解に困難が伴うことがあります。しかし、それでもES6の新機能を学習できないことはまったくありません。
カリキュラムの内容をすべて知っている方には適していない場合があります。
ES6+のClass、Iterator、Generator、Promiseなどは《Javascript ES6+きちんと学ぶ - 中級》で扱っています。

この講義と
関連講義

コアJavaScript

JavaScript全体を貫通する重要な概念

Javascript ES6+ - 中級

ES6以降の標準ECMAScript仕様と理論
ES5との違い、概念、動作原理

Javascript ES6+ - ボーナス

ES2015のプロキシ、モジュールなどのその他の機能
ES2016、ES2017、ES2018で新しく追加された機能

こんな方に
おすすめです

学習対象は
誰でしょう？

JavaScript（フロントエンド）開発者
ES6+環境でReactJS、VueJS、Typescriptなどのフレームワークやライブラリで開発している方
原理を理解していないまま活用することに急いで自信がないか、基本基に対する渇きを感じる方

前提知識、
必要でしょうか？

JavaScript

こんにちは
です。

33,019

受講生

691

受講レビュー

395

回答

4.8

講座評価

講座

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI

カリキュラム

全体

29件 ∙ (3時間 30分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．Intro

2件 ∙ (5分)

1. はじめに
05:41
2. 講義ノート

セクション 2．block scope

3件 ∙ (19分)

3. 適用対象とTDZ
10:34
4. this
04:16
5. すべてのドアフォームに適用
04:36

セクション 3．block scoped variables

5件 ∙ (31分)

6. let
06:38
7. const
08:05
8. Object.freeze と deep copy
05:49
9. for文での注意事項
03:03
10. let, const 共通事項
07:51

セクション 4．template literal

5件 ∙ (37分)

セクション 5．default parameter

1件 ∙ (13分)

セクション 6．rest parameter

1件 ∙ (5分)

セクション 7．spread operator

1件 ∙ (12分)

セクション 8．enhanced Object functionalities

4件 ∙ (19分)

セクション 9．Arrow Function

1件 ∙ (18分)

セクション 10．機能

3件 ∙ (23分)

セクション 11．Destructuring assignment

2件 ∙ (21分)

セクション 12．仕上げ

1件 ∙ (1分)

講座掲載日:

最終更新日:

受講レビュー

全体

125件

4.9

125件の受講レビュー

eunjeongsong
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
とても良いb 一人で勉強しながら幕を閉じた概念がカリキュラムにある場合は、ぜひ聴いてみてください！講義聞きながらああ！大ヒット！する学びの楽しみを感じることができます！もう少し基礎的な部分から勉強したい方はチョン・ジェナム様の他の基礎講義（「核心概念を調べるJavascript Flow」）聞いて聞くともっといいと思います！
senseoki0009
受講レビュー 1
∙
平均評価 5.0
5
97% 受講後に作成
たくさんの助けになりました。
pricelesslife
受講レビュー 11
∙
平均評価 5.0
5
100% 受講後に作成
jQueryだけを書いて機能はほとんどライブラリや検索にのみ依存していたのでFlowから突然多くの用語が頭に入って混同だがㅎ.ㅎ）講師様の例と説明が実務で使用するときに多くのことを考えられるようにしてくださるようです。私が直接使ってこそ、私の消化になるので、たくさん使ってみながら混乱するものがあればまた返して聞かなければなりません。ありがとうございます。 JSFlowから見ていました:)
novaray0942
受講レビュー 7
∙
平均評価 5.0
5
97% 受講後に作成
コアJavaScriptの本を印象深く読んでインフラストラクチャにも講義があるかと思っていましたが、説明を本当に上手にしていると思います。ありがとうございます！
jinklee9014
受講レビュー 1
∙
平均評価 5.0
5
62% 受講後に作成
良い講義ありがとうございます。

￥4,341

jaenamの他の講座

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

リアクト公式文書を一緒に勉強する

jaenam

2023年にリニューアルされたReact公式文書を一緒に学習します。

입문

React, JavaScript, react.js

リアクト公式文書を一緒に勉強する

jaenam

[React/VanillaJS] UI要素を直接作成する Part 2

jaenam

代表的なUI要素をReactバージョンと純粋なJavaScriptバージョンにして、Web APIを活用したさまざまな視点と方法を体験し、フロントエンド開発のスキルを一層引き上げてみてください。

초급

React, vanilla-js, ui

[React/VanillaJS] UI要素を直接作成する Part 2

jaenam

[React/VanillaJS] UI要素を直接作成する Part 1

jaenam

초급

React, vanilla-js, ui

[React/VanillaJS] UI要素を直接作成する Part 1

jaenam

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

開発から配布まで！一つのサービスを完成するための険しい旅をろ過なくお見せします。初めて使ってみる技術を盛り込んで左衝ウドルウダン湯湯ながらもなんとか迷っていくことができますよ！

초급

React, GraphQL, Firebase

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

モダンJavaScriptディープダイブスタディ

jaenam

《モダンJavaScriptディープダイブ》本の内容をそのまま追いつくスタディ映像です。

초급

JavaScript

モダンJavaScriptディープダイブスタディ

jaenam

エフェクティブタイプスクリプトスタディ

jaenam

《エフェクティブタイプスクリプト》本の内容をそのまま追従するスタディ映像です。一緒に勉強すればはるかに簡単になります！

초급

TypeScript

エフェクティブタイプスクリプトスタディ

jaenam

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)

jaenam

ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。

초급

REST API, GraphQL, React

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)

jaenam

Javascript ES6+を正しく学ぶ - ボーナス

jaenam

ES6+を正しく学ぶコースは、JavascirptのES6以降の標準ECMAScript仕様について、理論に基づいてES5と異なる点と概念と動作原理を深く教えてくれます。

초급

JavaScript, ES6

Javascript ES6+を正しく学ぶ - ボーナス

jaenam

Javascript ES6+を正しく学ぶ - 中級

jaenam

ES6+を正しく学ぶコースは、JavascriptのES6以降の標準ECMAScript仕様について、理論に基づいてES5とは異なる点と概念と動作原理を深く見ていきます。

중급이상

JavaScript, ES6

Javascript ES6+を正しく学ぶ - 中級

jaenam

コアJavaScript

jaenam

ES6以前までのJavaScript全体を貫通する重要な概念について、全体的な流れを調べる講義です。

초급

JavaScript

コアJavaScript

jaenam

似ている講座

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

Javascript ES6+を正しく学ぶ - 中級

jaenam

ES6+を正しく学ぶコースは、JavascriptのES6以降の標準ECMAScript仕様について、理論に基づいてES5とは異なる点と概念と動作原理を深く見ていきます。

중급이상

ES6, JavaScript

Javascript ES6+を正しく学ぶ - 中級

jaenam

React + TypeScript TodoList App - 実務型TypeScriptプロジェクト入門

ezweb

React + TypeScriptを活用して実務感覚で「タスク管理アプリ（ToDo List）」を直接作るプロジェクト中心のコースです。単純に文法を学ぶだけでなく、コンポーネント構造設計 → 状態管理 → 型適用 → 機能実装 → ローカルストレージ連携 → デプロイまで実際のサービス形態で完成させながらTypeScriptの活用感覚を身につけることができます。

초급

HTML/CSS, JavaScript, React

React + TypeScript TodoList App - 実務型TypeScriptプロジェクト入門

ezweb

Javascript ES6+を正しく学ぶ - ボーナス

jaenam

ES6+を正しく学ぶコースは、JavascirptのES6以降の標準ECMAScript仕様について、理論に基づいてES5と異なる点と概念と動作原理を深く教えてくれます。

초급

ES6, JavaScript

Javascript ES6+を正しく学ぶ - ボーナス

jaenam

@시코 - TypeScript をしっかり学ぶ（初中級）

seniorcoding

質の高い授業で最高のWeb開発者になるためのTypeScript講座です。全講義受講後、TypeScriptの本質を深く理解でき、次に学ぶReactやNext、Nestなどのエキスパートになれます。

초급

TypeScript, React, JavaScript

@시코 - TypeScript をしっかり学ぶ（初中級）

seniorcoding

ブートストラップ5（Bootstrap 5） - 基礎からWebプロジェクトを作成する

Self-coding

ブートストラップ5（Bootstrap5）のクラス、コンポーネントなどの概念を理解し、それに基づいてアプリケーション、変形、実習で3つのプロジェクトを制作してみます。

초급

Bootstrap, HTML/CSS, JavaScript

ブートストラップ5（Bootstrap 5） - 基礎からWebプロジェクトを作成する

Self-coding

リアクト（React.js）を利用した独自のYouTubeサイト作成プロジェクト

webstoryboy

レッスンでは、ReactフレームワークとYouTube APIを使用して独自のリアクトなYouTubeビデオサイトを作成します。 Reactの基本概念を理解し、コンポーネントを構造化し、状態を管理する方法を学びます。また、YouTube Data APIを利用して外部データを取得する方法を学び、APIレスポンスを処理してユーザーに意味のある情報を提供する方法を理解します。これにより、独自のYouTubeサイトを作成し、活用することを目指します。

초급

React, HTML/CSS, JavaScript

リアクト（React.js）を利用した独自のYouTubeサイト作成プロジェクト

webstoryboy

HTML5 + CSS3 + JavaScript

hiroad

本講座は、ウェブ開発の基礎であるHTML5、CSS3、JavaScriptを中心に、フロントエンド開発のコア技術を体系的に習得するコースです。受講生は、ウェブページの構造設計からスタイリング、動的機能の実装までの全体の流れを実習を通じて学び、実際のプロジェクトベースの学習を通じて実践力を強化できます。

입문

JavaScript, html5, css3

HTML5 + CSS3 + JavaScript

hiroad

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

초급

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

リアクト公式文書を一緒に勉強する

jaenam

2023年にリニューアルされたReact公式文書を一緒に学習します。

입문

React, JavaScript, react.js

リアクト公式文書を一緒に勉強する

jaenam

Do It! Django + Bootstrap：Python Web開発の定石

SungYong Lee

Python Web 開発 A to Z を学びながら作成! Web の基礎からブログ開発、公開までを一度に学べます。

초급

Python, Django, Bootstrap

Do It! Django + Bootstrap：Python Web開発の定石

SungYong Lee

非専門家のためのフルスタックグルメマップ作成プロジェクト!: フロント、バックエンド、そしてデプロイまで

Jay

私が好きなユーチューバーのグルメマップを作成しながら、フロントエンド、バックエンド、Kakao Map API の使用方法、公開までを一度に学べるフルスタックグルメマップの講義です。

초급

HTML/CSS, JavaScript, REST API

非専門家のためのフルスタックグルメマップ作成プロジェクト!: フロント、バックエンド、そしてデプロイまで

Jay

[コードキャンプ] 初心者向け Javascript アルゴリズム理論+実践

codecamp

とても難しく感じられるアルゴリズム... 数学にあまり詳しくない受講者でも、この講義 1 つでアルゴリズムの基礎を一度に終わらせることができます! アルゴリズムを解くために必要な基本概念を段階的に学び、さらに問題に適用するコードキャンプのノウハウもすべてお教えします :)

초급

JavaScript

[コードキャンプ] 初心者向け Javascript アルゴリズム理論+実践

codecamp

フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]

funcoding

実務で実際にWebサービスを開発した経験をもとに、入門者が実際に商用化も可能なレベルのWebとアプリサービスを開発することを目標とするフルスタックシリーズ講座です。そのためのPart2講座として、多様な技術が存在するフロントエンド技術の中で、レスポンシブ、互換性まで考慮した最新のHTML5、CSS3、バニラJavaScript + ES6をすべてしっかりと整理する講座です。

입문

HTML/CSS, JavaScript, ES6

フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]

funcoding