【ウェブ開発フルスタックコース】純粋なJavaScriptの基礎から実務まで

Name: 【ウェブ開発フルスタックコース】純粋なJavaScriptの基礎から実務まで
Price: 264000 KRW

この講義は、フルスタックWeb開発者を育成するための[Web開発フルスタックコース]講義シリーズのうち、JavaScriptに関する講義です。この講義は、知識共有者の著書＆lt;バニラJavaScript＆gt;の内容に基づいて作られた講義です。

（4.5）受講レビュー 6件

受講生 144名

realprogrammers

자바스크립트

javascript

vanillajs

vanilla-js

vanilla-javascript

프론트엔드

JavaScript

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

こんなことが学べます

JavaScriptの基本構文
ES最新の構文
Ajax、XMLHttpRequest、Fetch API
DOMコントロール
CRUDパターンの実装

純粋なJavaScriptを学ぶ
主導的な開発者として成長する✨

「バニラJavaScript」作者直講！

フルスタックWeb開発者ロードマップ🖥️

本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズの中で、バニラJavaScriptについて取り上げる講義です。
Web開発フルスタックコースには、HTML＆CSS→バニラJavaScript→ブートストラップ→Vue.js→データベース→Node.js→ポートフォリオまで、フルスタックWeb開発のための全コースが含まれています。
Web開発のフルスタックコースをすべて受講すれば、Web開発の基礎だけでなく、実践にすぐに適用できるスキルを身につけることになります。

What is バニラ JavaScript?

JavaScriptだけを正しく学ぶと
フロントエンドからバックエンドまで
すべてのプログラムを実装できるようになります。

最近では、大半のウェブがフロントエンドリアクト、ビュー、アンギュラなどのフレームワークを使って開発されています。これらのフロントエンドフレームワークを使用しなくても、少なくともjQueryのようなライブラリを通じて開発の利便性を持っています。

優れたフロントエンドフレームワークを使用すると、開発の生産性を向上させ、一定レベルのコード品質を保証できます。しかし、Web開発者がこのようなフロントエンドフレームワークとオープンソースライブラリだけに頼って開発すると、ある瞬間外部の助けなしにはWebアプリケーションを開発できない状態に至ることもあります。

私たちが使っている数多くのフロントエンドフレームワークやライブラリも純粋なJavaScriptで誰かが開発しておいたものです。そして今すぐ大勢で永遠になりそうなリアクトやビューのようなフレームワークもいつ外面受け取るのか分からず、ウェブはどんな環境より速く発展しているため、今後も数多くのフレームワークとライブラリが持続的に出てくるでしょう。

このような流れの中で、私たちの開発者は何に集中する必要がありますか？それは純粋なJavaScript、つまりバニラのJavaScriptです。いかなるライブラリやフレームワークを使わない純粋なJavaScriptを「バニラJavaScript」と呼びます。

JavaScript、なぜ学ぶべきですか？

JavaScript is Everywhere 。

Node.jsが出てきたので、JavaScriptはもはやWebブラウザに依存する言語ではありません。 Webアプリケーションはもちろん、デスクトップアプリケーション、モバイルアプリ、キオスク、ゲーム、ArduinoなどのマイクロコントローラまでJavaScriptを使用できる分野はますます多様化しています。

JavaScript言語をよく習うだけでもできることがますます増えています。ところで、これは、JavaScriptを以前にWebブラウザでHTML DOMを処理する程度のレベルではなく、より高次元的なコーディングをしなければならないという意味でもあります。だから、 JavaScriptを正しく学び、正しく使えるはずです。

_{JavaScriptでできるさまざまな開発分野}

この講義の特徴！

_{簡単かつ詳細に}

_{実務応用中心}

_{サンプルコードまで！}

JavaScriptの基本文法を次々とお知らせします。
JavaScriptの組み込み関数の機能だけでなく、実際の開発実務にどのように適用されるかをお知らせします。
機能中心の講義ではなく、用途中心に進んで正確な使い方を身につけることができます。
ES 最新の構文を扱います。
サーバー通信用のXMLHttpRequest、Fecth APIを学びます。
DOMを直接制御する方法を学びます。
CRUDパターンを開発する方法を学びます。
すべてのサンプルコードはFitHubを介して提供されています。

何を学びますか？

開発IDEツールとしては、Visual Studio Codeを使用しています。ビジュアルスタジオコードを使った開発方法と有用な拡張プログラムを知ります。
JavaScriptの基礎文法について確実に理解することになります。
JavaScriptの開発者が必ず知っておくべきES6文法まで身につけることができます。
HTML DOMを処理するためのJavaScriptの使い方がわかります。

選手の知識を確認してください！

HTMLに関する基本的な知識が必要です。
CSSを知る必要があります。
本講義を受講する前に[ Web開発フルスタックコース - HTML&CSS ] 講義を受講することをおすすめします。

Web開発フルスタックコース、

他の講義も一緒に会いましょう！

1. [ウェブ開発フルスタックコース - HTML&CSS基礎]

Webの基礎言語であるHTMLとCSSをじっくり学びます。

2. [Web開発フルスタックコース - バニラJavaScript] 現在の講義

純粋なJavaScriptを正しく習得しなければリードする開発者になることができます。

3. [ウェブ開発フルスタックコース - ブートストラップ基礎]

誰でも簡単にクールなデザインを持つレスポンシブウェブを作成できます。

4. [ウェブ開発フルスタックコース - Vue.jsプロジェクト投入1週間前 - 基礎から実務まで]

最も簡単で強力なフロントエンドフレームワークであるVue.jsを学びます。

5. [ウェブ開発フルスタックコース - ネットフリックスとニンジンマーケット分析を通じて学ぶデータベースの理解]

ネットフリックス、ニンジン市場を分析しながら、自然にデータベースを設計する方法を理解するようになります。

6. [ウェブ開発フルスタックコース - Node.jsプロジェクト投入一週間前 - 基礎から実務まで]

JavaScript言語でバックエンドまで実装できます。 Node.jsなら可能です。

7. [ウェブ開発フルスタックコース - ポートフォリオ]

Web開発フルスタックコースで学んだすべての技術に基づいて、製品販売ミニWebを開発します。

この講義をした人は
誰ですか？

開発者の品格

ソフトウェア技術を通じて世界に良い影響力を与えたい24年目のソフトウェア開発者。
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。

国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。

開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感で知識を分かち合うことをしています。

もっと学びましょうか？

YouTubeの「開発者の品格」チャンネルを通じて200以上の有用な講義映像を提供しています。
「バニラJavaScript 」、「 Vue.jsプロジェクト投入一週間前」、「 Node.jsプロジェクト投入一週間前」、「開発者になるために必ず知っておくべきIT用語」、「デザイン・シンキングを超えたプログラミング・シンキングで」、「The Essentials of Smart」私はまだ子供たちにコーディングを教えていません'本の著者です。
オライリーの「ランニングタイプスクリプト」を翻訳した翻訳者です。

【ウェブ開発フルスタックコース】シリーズ集めてみる

こんな方に
おすすめです

学習対象は
誰でしょう？

Web開発者になりたい人
JavaScriptの基礎を正しく学びたい人

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

HTML
CSS

こんにちは
です。

10,966

受講生

248

受講レビュー

152

回答

4.9

講座評価

講座

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

유튜브 ‘개발자의품격’ 채널을 통해 200여개의 유용한 강의 영상을 제공하고 있어요.
'바닐라 자바스크립트', 'Vue.js 프로젝트 투입 일주일 전', 'Node.js 프로젝트 투입 일주일 전', '개발자가 되기 위해 꼭 알아야 하는 IT 용어', ‘디자인 씽킹을 넘어 프로그래밍 씽킹으로’, 'The Essentials of Smart Contract Development for Solidity Developers', '저는 아직 아이들에게 코딩을 가르치지 않습니다' 책의 저자입니다.
오라일리의 '러닝 타입스크립트'을 번역한 역자입니다.

(현)주식회사 더그레잇 대표이사
(현)주식회사 썬슈어 CTO
(현)주식회사 리턴밸류 CTO
(현)팬임팩트코리아 유한회사 기술전문위원

이메일 - seungwon.go@gmail.com

カリキュラム

全体

51件 ∙ (26時間 26分)

セクション 1．JavaScriptの基本構文

13件 ∙ (6時間 28分)

1. JavaScript とは
16:33
2. JavaScriptの作成場所
18:31
3. consoleオブジェクトのlog関数
06:41
4. 変数宣言者 var, let, const
38:17
5. 基本データ型
31:43
6. データ型 - Object
21:42
7. データ型 - Array
16:05
8. 64ビット浮動小数点
34:27
9. 演算子
36:41
10. 条件文
36:21
11. 反復ドア
01:03:44
12. 機能
44:35
13. [特典]JavaScriptメモリ管理
23:18

セクション 2．組み込み関数

9件 ∙ (6時間 18分)

14. String オブジェクト組み込み関数
01:28:21
15. Number オブジェクト組み込み関数
22:37
16. Array オブジェクト組み込み関数
01:40:53
17. Date オブジェクト組み込み関数
43:58
18. Set オブジェクト組み込み関数
19:20
19. Map オブジェクト組み込み関数
12:27
20. Math オブジェクト組み込み関数
51:12
21. JSONオブジェクト組み込み関数
16:00
22. window オブジェクト組み込み関数
23:14

セクション 3．JavaScriptの高度な構文

18件 ∙ (5時間 5分)

23. thisキーワード
13:45
24. スコープ
08:03
25. 基本関数パラメータ
09:36
26. 残りのパラメータ
09:54
27. 矢印関数
16:08
28. テンプレートリテラル
06:35
29. オブジェクトリテラル構文拡張
08:04
30. スプレッド演算子
05:34
31. オブジェクト構造分解の割り当て
07:47
32. 配列構造分解の割り当て
11:27
33. XMLHttpRequestとjson-server
56:44
34. Fetch API
27:34
35. async＆amp; await
11:27
36. モジュール(module)
10:59
37. クラス(class)
19:55
38. エラー処理（error）
16:47
39. 厳格モード(strict mode)
07:42
40. 正規表現（Regular Expression）
57:43

セクション 4．DOM

5件 ∙ (3時間 46分)

セクション 5．CRUDの実装

6件 ∙ (4時間 47分)

講座掲載日:

最終更新日:

受講レビュー

全体

6件

4.5

6件の受講レビュー

백경민
受講レビュー 5
∙
平均評価 5.0
5
45% 受講後に作成
자바스크립트의 기본기를 충실히 다질 수 있어 좋네요
이용범
受講レビュー 1
∙
平均評価 4.0
4
61% 受講後に作成
sshan0509
受講レビュー 1
∙
平均評価 3.0
3
94% 受講後に作成
때구니
受講レビュー 25
∙
平均評価 5.0
5
100% 受講後に作成
단순히 문법을 가르치는 것이 아니라 이 문법이 실제 현장에서 어떻게 얼마나 어떤식으로 사용된다는 것에 맞추어가르치기에 가장 실용적이 자바스크립트 강의라고 보입니다.
이동겸
受講レビュー 2
∙
平均評価 5.0
5
61% 受講後に作成
!!!!!!!!!!!!!

￥30,957

realprogrammersの他の講座

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

[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 백엔드 부분에 대한 강의입니다. 이 강의는 강사의 저서 <Node.js 프로젝트 투입 일주일 전>의 내용을 바탕으로 만들어진 강의입니다.

Basic

Node.js, MySQL, Express

[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 프론트엔드 부분에 대한 강의입니다. 이 강의는 강사의 저서 <Vue.js 프로젝트 투입 일주일 전>의 내용을 바탕으로 만들어진 강의입니다.

Basic

Vue.js

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

[웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 최종편인 포트폴리오용 프로젝트 개발 대한 강의입니다. [웹 개발 풀스택 코스]에서 배운 모든 내용을 종합하여 실제 웹 애플리케이션을 개발하면서 배운 내용을 이해하고 기본이 되는 기능을 직접 적용해볼 수 있게 됩니다.

Basic

포트폴리오, 웹앱

[웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

개발자의 품격

[웹 개발 풀스택 코스] 넷플릭스와 당근마켓 분석을 통해서 배우는 데이터베이스 기초

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 데이터베이스 기초에 대한 강의입니다. 이 강의는 넷플릭스와 당근마켓을 분석하면서 데이터베이스에 대한 설계를 이해하는 과정입니다. 기본적인 데이터베이스 설계 원리와 SQL를 배울 수 있는 기초 강의입니다.

Beginner

DBMS/RDBMS, MySQL, SQL

[웹 개발 풀스택 코스] 넷플릭스와 당근마켓 분석을 통해서 배우는 데이터베이스 기초

개발자의 품격

[웹 개발 풀스택 코스] 부트스트랩 기초

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 부트스트랩 기초에 대한 강의입니다. 부트스트랩에 대한 기초를 배우고 고품질의 반응형 웹을 빠르게 구축할 수 있는 방법을 알게 됩니다.

Basic

Bootstrap

[웹 개발 풀스택 코스] 부트스트랩 기초

개발자의 품격

[웹 개발 풀스택 코스] HTML&CSS 기초

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 HTML&CSS에 대한 강의입니다. 이 강의를 통해 웹 개발의 뼈대인 HTML과 웹을 아름답게 만드는 CSS에 대해서 이해하게 됩니다.

Beginner

HTML/CSS

[웹 개발 풀스택 코스] HTML&CSS 기초

개발자의 품격

자바스크립트 제대로 배워볼래?

개발자의 품격

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

Basic

JavaScript, ES6, HTML/CSS

자바스크립트 제대로 배워볼래?

개발자의 품격

似ている講座

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

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

코딩의세계 한태재

React와 Three.js 를 한번에! 3D 기초부터 현업에 사용할 수 있는 프로젝트 그리고 최적화 팁 까지 !

Basic

인터랙티브 웹, react-three-fiber, Three.js

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

코딩의세계 한태재

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

Basic

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

[React 1부] 만들고 비교하며 학습하는 React

김정환

이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

Basic

React, MVC, JavaScript

[React 1부] 만들고 비교하며 학습하는 React

김정환

[React 2부] 고급 주제와 훅

김정환

이제 리액트(React)가 진짜 ‘보이기’ 시작합니다. 고급 개념과 훅(Hooks) 가장 쉽고 정확하게 배워보세요.

Intermediate

React Context, react-hooks, React

[React 2부] 고급 주제와 훅

김정환

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

Beginner

HTML/CSS, JavaScript, JSP

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

Basic

JavaScript, HTML/CSS, 객체지향

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

한윤석

OAuth 2.0을 구글이나 깃헙같은 계정으로 간편 로그인을 사용해봐서 이미 친숙하게 느껴질지도 모릅니다. 소셜 로그인은 OAuth 2.0을 확장하여 만들어진 것으로 핵심 기술은 OAuth 2.0 인가 프레임워크에 있습니다. OAuth 2.0의 원리를 이해하면 그것을 바탕으로 필요에 맞게 적절히 구현하고 조정하는 능력을 기를 수 있습니다.

Basic

OAuth, Next.js, JavaScript

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

한윤석

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

Basic

JavaScript, 객체지향

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

[코드캠프] 훈훈한 Javascript

코드캠프

다른 언어도 많은데.. 왜 자바스크립트여야 하냐구요? 자바스크립트는 전세계에서 가장 많이 쓰는 언어로, 비전공자도 빠르게 배울 수 있고 이해하기 쉬운 구조를 가지고 있어요. 게다가 구글, 페이팔, 아마존 등 유명 기업들도 활용하고 있다니! 더 이상의 고민이 필요한가요?

Beginner

JavaScript

[코드캠프] 훈훈한 Javascript

코드캠프

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

WebRTC를 활용하여 구현하는 웹캠과 피어간 통신에 대해서 학습할 수 있습니다.

Beginner

Go, webrtc, p2p

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

Beginner

NestJS, Node.js, JavaScript

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

Beginner

HTML/CSS, JavaScript, Node.js

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

Basic

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보