BEST

Programming Language

入門者のためのJavaScriptの基礎講義

Name: 入門者のためのJavaScriptの基礎講義
Price: 16500 KRW

Webサイトを動かすプログラミング言語、JavaScriptの主な概念と文法、そして活用方法を紹介します。ただ、HTML/CSSの歩みを離れた方も気軽にこなせる、JavaScript入門授業です。

（4.9）受講レビュー 49件

受講生 655名

uknow

비전공자도 할 수 있어요

기본부터 착실히

JavaScript

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

こんなことが学べます

JavaScriptの役割
JavaScriptの基本文法
JavaScriptの活用方法

ウェブ開発を始めたいのなら？
ユーノコーディングとJavaScriptのペーストを離す

📢受講前に確認してください！

この講義はJavaScript入門のための講義でnode.jsやReactのような内容は扱いません。

歩きを離そう！
JavaScript 入門講義

この講義は、講義の紹介や仕上げの挨拶を含め、合計40の映像で構成された入門者向けのJavaScript講義です。 HTML/CSSの基礎知識だけをお持ちであれば気軽に消化できる講義です。

各授業の進行フロー

基本理論：主な概念を理解しやすく説明します。
実習案内：学習した内容を直接実習して確認します。
内容の整理：学習内容を整理して仕上げます。

ここに加えて！

学習した内容を復習して応用力を育てることができる4つのミニプロジェクト
ミニプロジェクトソースコード+解説

この講義
こんな方におすすめです

HTML/CSSは
学んだのに…

今Web開発
始めた方

JavaScript
学ぶか？

JavaScriptを
始めたい入門者

私にとっては難しい
JavaScript

JavaScriptに挑戦
したが失敗した人

nodeJS、React
学びたいのに…

JavaScriptで
最初のステップを始める人

この講義は
この目標を持っています

入門者の方々が負担感を感じずに素早く勉強できるようにするため、基礎精神に必ず必要な概念中心に内容を構成しました。

この講義
聞いた後、

Web開発の分野でJavaScriptの役割が何であるかを理解できます。
JavaScriptがどのように働くかを理解できます。
JavaScriptの基本的な文法と書き方を学ぶことができます。
いつものお気に入りのウェブサイトの動作がどのように作られたのか理解できます。
さまざまな例の練習で、目的の機能を想像したり、自分で実装したりできます。

講義内容
事前に確認してください

_{基礎理論の説明}

_{学習した内容の実習}

_{内容の整理}

ミニプロジェクト4つ
ソースコード+解説文

_{デジタル時計}

_{宝くじ番号抽選}

_{やることリスト}

_{フォトアルバム}

受講前
確認してください

一つ、次のような準備をしてください！

💻コンピュータ
💻コードエディタ（クラスではVisual Studio Codeを使用します）
💻零打能力（速度が遅くても大丈夫です）

二、受講前に事前にお知らせします！

👉🏻 WebのためのJavaScriptを勉強するクラスです！ node.jsやReactのような内容は扱いません！
👉🏻ほとんどの映像にはコードを書くシーンが登場するが、やや映像が退屈になる可能性があると判断し、ほとんど倍速処理したり、タイピング過程をスキップしました。そのため、コーディング実習に従う場合は一時停止機能を適切に活用していきながら実習を進めることをおすすめします！

ユノコーディング課
HTML/CSS ペースト除去

入門者のためのHTML基礎講義

Webサイトの基本となるHTMLの主な概念と基本文法を紹介します

入門者のためのCSS基礎講義

Webサイトを飾るために必要なCSSの主な概念と基本的な文法を紹介します

こんな方に
おすすめです

学習対象は
誰でしょう？

JavaScriptを初めて学ぶ人
JavaScriptに挑戦して失敗した人
HTML / CSSを勉強しているか勉強している人

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

HTML
CSS
コードエディタ（インストール方法ガイドリンク提供）

こんにちは
です。

18,012

受講生

922

受講レビュー

回答

5.0

講座評価

講座

개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

감사합니다^^

カリキュラム

全体

47件 ∙ (7時間 5分)

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

授業資料

セクション 1．講義の紹介＆amp; JavaScriptの紹介

3件 ∙ (7分)

セクション 2．JavaScriptの基本

23件 ∙ (4時間 14分)

4. JavaScriptコードはどこに書かれますか
07:07
5. オブジェクトとは何ですか？
09:41
6. コンソールを紹介します＆amp;コード作成規則
12:33
7. 変数と数字、そして文字列
17:19
8. 定数とprompt
13:40
9. テンプレートリテラル
09:18
10. 演算と演算子
15:28
11. null、undefined、および boolean
08:15
12. Document Object Model、縮小 DOM
04:42
13. document & methods
14:27
14. 比較演算と再びブール
10:41
15. 条件文を作成しましょう
12:16
16. 繰り返しドアを作ろう
10:41
17. 繰り返しドアを作ろう
11:34
18. 機能1編
15:25
19. 機能2編
09:33
20. 機能3編
11:04
21. イベントを紹介します
12:20
22. addEventListener＆amp;イベントオブジェクト
13:37
23. createElement & appendChild
13:34
24. value 属性以外
11:42
25. 三項演算
09:28
26. ミニプロジェクトセクションに進む

セクション 3．デジタル時計を作る

4件 ∙ (35分)

セクション 4．宝くじ番号を抽選する

5件 ∙ (39分)

セクション 5．やることリストを作成する

6件 ∙ (55分)

セクション 6．フォトアルバムを作成

5件 ∙ (28分)

セクション 7．講義仕上げ

1件 ∙ (6分)

講座掲載日:

最終更新日:

受講レビュー

全体

49件

4.9

49件の受講レビュー

jueun465963330653
受講レビュー 4
∙
平均評価 4.8
5
32% 受講後に作成
JavaScriptのjも知らなかった非専攻者です。国費学園講師様講義釘ついて行ってこれで基礎とりました本物最高の講義！ YouTubeにいた講義はオブジェクトと配列が不足して見えてインフラに来てユーロ講義で見たのですが、後ろにオブジェクトと配列の内容が十分にあると思います。私は本当に満足する講義です。しかし、いなくてもグーグルして勉強になるようですが、もちろん間違っています。見てはいますが…たくさんのお役に立てて良い講義ありがとうございます
noel210306365
受講レビュー 2
∙
平均評価 2.0
3
40% 受講後に作成
無料の講義であるHTMLとCSSは概念理解が良くなりましたが、これは最初に出てくるオブジェクトとメソッドに関する説明があまりにも不十分です。以後、映像でもオブジェクトやメソッドの話がよく出てくるが、その二つの概念が何であるか正しくわからないので、講義の理解に困難が生じます。
tmddntlr278
受講レビュー 11
∙
平均評価 4.5
5
100% 受講後に作成
初めて聞くことをお勧めします
alwayz0121623
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
独学で勉強しながら、実習に必ず必要な内容を教えてくれて、とにかく勉強＆疲れて中途半端に放棄できるコーディング入門者に必要な講義だと感じました！そして川の終わりに、以後勉強方向なども追加で教えてくださって参考に進む方向設計ができそうです！
devnovsoo6731
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
ユノ先生のJavaScriptの基礎講義を聞いてJavaScriptについて少しは知りましたし、これを元にさらに深化したJavaScriptをしてみようと思います。

期間限定セール、あと7日日で終了

￥2,031

25%

￥2,708

uknowの他の講座

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

入門者のためのPython基礎講義

uknow

プログラミング言語Pythonの主な概念と基本的な文法を紹介します。

입문

Python

入門者のためのPython基礎講義

uknow

CSS レイアウト - flex & grid

uknow

CSSレイアウト技術の代表ランナーフレックスとグリッドの概念と使い方を勉強できる講義です。

초급

HTML/CSS, Flex

CSS レイアウト - flex & grid

uknow

初心者向けレスポンシブウェブ入門講座

uknow

さまざまなデバイスや画面でサービスを提供できる「レスポンシブウェブサイト」を作成するために必要な基本的なスキルを確実に習得できる講座です。

초급

Responsive Web, HTML/CSS, JavaScript

初心者向けレスポンシブウェブ入門講座

uknow

初心者のためのサス基礎講義＆グレープフルーツクローンコーディング

uknow

SassはCSSの拡張言語です。CSSの欠点を補完し、優れた生産性を保証し、強力で簡潔です。基礎構文を学び、学んだ内容を活かしたクローンコーディングを楽しみながら、サスを学びましょう。

초급

Sass, Clone Coding, HTML/CSS

初心者のためのサス基礎講義＆グレープフルーツクローンコーディング

uknow

入門者のためのCSS基礎講義

uknow

Webサイトをきれいに飾るために必要な言語、CSSの主な概念と基本文法を紹介します。これで、HTMLでコーディングペースを離した方も気軽に消化できます。

입문

HTML/CSS, Visual Studio Code

入門者のためのCSS基礎講義

uknow

入門者のためのHTML基礎講義

uknow

Webサイトの作成に最も基本となるHTMLの主な概念と基本文法を紹介します。何の関連知識も持っていない入門者も消化できるように作った講義です。

입문

HTML/CSS

入門者のためのHTML基礎講義

uknow

似ている講座

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

JavaScriptの入門者のための講義

JeongTaeHyun

JavaScriptの入門をしたいですか？それでは私の講義を選択してください。

초급

JavaScript

JavaScriptの入門者のための講義

JeongTaeHyun

jQuery入門者のための講義

JeongTaeHyun

[イベント - クーポン消耗時まで] 9747-bf77d34f7f5d たくさん聞いてください。 :) Javascriptを便利に使用できるライブラリであるjQueryについて学びます。

초급

jQuery, JavaScript

jQuery入門者のための講義

JeongTaeHyun

Vue.js を徹底的に理解する - 実務に必要なすべて

captain

Vue.js を実際に使用している方に必要なすべてのものをまとめました。実際のバックエンド API を実装する CRUD アプリケーションの学習ノートです。生産性の高いプロジェクト環境の構築とバックエンド開発者との連携方法に関するメッセージを必ず確認してください :)

중급이상

JavaScript, Vue.js, Vuex

Vue.js を徹底的に理解する - 実務に必要なすべて

captain

一口サイズに切って食べるReact(React.js)：基礎から実戦まで

winterlood

概念からユニークなプロジェクトまでを一緒に扱いながら、JavaScriptとReactをこの講座で一度に習得しましょう。学習は短く、応用は長く。17時間分のオールインワン講座！

초급

JavaScript, React, Node.js

一口サイズに切って食べるReact(React.js)：基礎から実戦まで

winterlood

初心者向けのJavaScript

yalco

JavaScriptでコーディングを始める方のための、最も簡単なJavaScriptの講義です。

입문

JavaScript

初心者向けのJavaScript

yalco

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

funcoding

現場で実際のウェブサービスを開発した経験に基づき、初心者向けに実際の商用化も可能なレベルのウェブおよびアプリサービスを開発することを目標とするフルスタックシリーズ講座です。そのためのPart2講座として、多様な技術が存在するフロントエンド技術の中から、レスポンシブ、互換性まで考慮した最新のHTML5、CSS3、バニラJavaScript（Javascript）+ ES6をすべてしっかりと整理する講座です。

입문

HTML/CSS, JavaScript, ES6

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

funcoding

JavaScriptアルゴリズムの問題プール入門（コーディングテストに比べ）

codingcamp

JavaScript（JavaScript）でコーディングテストを準備する方のための講座です。楽しく解くことができる基礎段階の問題から高度なアルゴリズムまで段階的にじっくり学ぶように設計された講座です。

입문

JavaScript, Coding Test

JavaScriptアルゴリズムの問題プール入門（コーディングテストに比べ）

codingcamp

誰も教えてくれない WebRTC を使用した P2P 通信

July

WebRTC を活用して実装する Web カメラとピア間通信について学習できます。

입문

Go, webrtc, p2p

誰も教えてくれない WebRTC を使用した P2P 通信

July

初心者向けレスポンシブウェブ入門講座

uknow

초급

Responsive Web, HTML/CSS, JavaScript

初心者向けレスポンシブウェブ入門講座

uknow

Do it! JavaScriptの入門

easyspub

フロントエンド、バックエンドにすべて書くJavaScriptの実務文法 Webブック1位著者と一緒に一冊で終わろう！

초급

JavaScript, DOM

Do it! JavaScriptの入門

easyspub

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

初心者でもできる、ウェブ、サーバー、モバイルアプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

입문

JavaScript, React, Node.js

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

초급

Interactive Web, JavaScript, HTML/CSS

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

まだ生きている不死の jQuery - 基礎から実務まで

ezweb

全世界のウェブサイトで75%以上が使用しているJavaScriptライブラリ、jQuery！華麗な効果よりも原理を理解し、基礎を固められるように構成しました。jQueryの基礎から活用まで学習し、あなただけのポートフォリオを完成させたり、現場で即活用してみてください。

초급

HTML/CSS, JavaScript, jQuery

まだ生きている不死の jQuery - 基礎から実務まで

ezweb

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

입문

HTML/CSS, JavaScript, Next.js

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

JavaScript 機械学習 TensorFlow.js

tonextday

JavaScript 環境で機械学習の概念を扱います。 JavaScript と TensorFlow.js を使って機械学習を実装する形式とコードを扱います。

중급이상

Tensorflow, JavaScript, Machine Learning(ML)

JavaScript 機械学習 TensorFlow.js

tonextday

クリーンアップ JavaScript: ベース構築!

tonextday

考え方を扱います。JavaScript の核心と本質を論理的に整理できます。JavaScript の経験を整理して、考え方を自分で整理できます。JavaScript の技術論理を確立できます。JavaScript 全体を見渡す視野を広げることができます。JavaScript の技術面接問題に対応できます。

초급

JavaScript, Interview, Tech Interview

クリーンアップ JavaScript: ベース構築!

tonextday

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

ウェブパブリッシャー向けの JS 核心理論および実践例教材および完成版は、PDF で作成された講義教材です。この教材は、ウェブパブリッシャーが必ず知っておくべき JavaScript と jQuery の基本を忠実に習得できる役割を果たします。この教材の特徴は、理論に関連するスモールミッション (Small Mission) を通じて、理論をさらに強化できることです。特に、学習したすべての理論を活用した実践例も、忠実に準備された教材です。この PDF の全ページは、純粋な JavaScript (Vanlila JavaScript) と jQuery ページの数が 320 ページ以上で、CodingWorks が簡単に理解できるように十分な説明が追加されています。特に、パブリッシャーがウェブサイト作成のために必要な jQuery 相互作用の実践例を学習できます。

초급

JavaScript, jQuery, HTML/CSS

Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

codingworks

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

codecamp

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

초급

JavaScript

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

codecamp

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

Jiwoon Jeong

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

초급

HTML/CSS, JavaScript, REST API

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

Jiwoon Jeong

Node.jsでWebをクロールする

zerocho

ネイバー、アマゾン、Twitter、YouTube、Facebook、Instagram、unsplash.comなどのサイトをクロールして本番に適用します。

중급이상

JavaScript, Node.js, Web Crawling

Node.jsでWebをクロールする

zerocho

入門者のためのJavaScriptの基礎講義

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

こんなことが学べます

歩きを離そう！ JavaScript 入門講義

各授業の進行フロー

ここに加えて！

この講義こんな方におすすめです

この講義はこの目標を持っています

この講義聞いた後、

講義内容事前に確認してください

ミニプロジェクト4つソースコード+解説文

受講前確認してください

一つ、次のような準備をしてください！

二、受講前に事前にお知らせします！

ユノコーディング課HTML/CSS ペースト除去

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

uknowの他の講座

似ている講座

歩きを離そう！
JavaScript 入門講義

この講義
こんな方におすすめです

この講義は
この目標を持っています

この講義
聞いた後、

講義内容
事前に確認してください

ミニプロジェクト4つ
ソースコード+解説文

受講前
確認してください

ユノコーディング課
HTML/CSS ペースト除去

こんな方に
おすすめです

こんにちは
です。