Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

WebフロントエンドのためのJavaScript入門

ウェブフロントエンド開発者を目指すなら? 面白いJavaScript講座で第一歩を踏み出してみましょう✨

  • hyobin
자바스크립트
웹개발
JavaScript
DOM

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

こんなことが学べます

  • JavaScript を学ぶべき理由

  • ウェブ開発に関する基本概念

  • 実務でよく使われるJavaScriptの文法

  • 実際に使用できるプロジェクト開発

  • Typescript、React.js、Next.jsを学習するための足がかり

JavaScriptの第一歩として
基本概念からWebページ制作まで🚀


🎁 高校生、大学生の方は、リンクから50%割引価格でご購入いただけます。
(クーポンが届かない場合はスパムメールフォルダをご確認ください)
-> クーポン申請リンク

📙 "JavaScript入門" 書籍がリリースされました

「ウェブフロントエンドのためのJavaScript入門」講座が受講生の皆様から多くの愛を受け、
JavaScript入門」という名前の書籍として発売されました 🙇🏻‍♀️
講座の内容を収録した書籍ですので、講座を受講される際に参考書としてお読みいただいても良いと思います :)
受講生の皆様に感謝申し上げ、多くのご関心をお願いいたします。


🧐 なぜ私たちはJavaScriptを学ぶべきなのでしょうか?

JavaScript(ジャバスクリプト)は世界的に人気のある言語で、実際に多くの企業で使用されているプログラミング言語です。現在ウェブフロントエンドで最も多く使われているReact、Vue、NextなどのライブラリやフレームワークもすべてJavaScriptベースで、JavaScriptを学ぶことで柔軟に使用できるようになります。

ウェブフロントエンドのためのJavaScript入門講座は!!

基礎から応用文法まで
簡単に学習

講義で使用したすべての講義資料を提供

色々なプロジェクトを直接開発まで


🙋🏻‍♀️ こんな方におすすめです

Case 1
フロントエンド開発者になりたいです!

フロントエンド開発の基本となるJavaScriptを
基礎から応用概念まで丁寧に学習したい方

Case 2
開発が初めてなので、分かりやすい講義を探しています!

開発初心者、非専攻の方まで聞けるように
親切で詳しく説明いたします。(講義台本ウェブページも提供いたします。)

Case 3
ユニークなプロジェクトを開発してみたいです!

Todo Listのようなありふれたプロジェクトではなく、
「自分だけのChrome開始画面」を直接開発して実際に使用まで体験できます。


🚀 コンセプトからプロジェクトまで一度に

単純に言語と文法だけを学習する講義はもうやめましょう!
JavaScriptの基礎、応用文法と共にJavaScriptを学ぶべき理由、JavaScriptの動作原理、
JavaScriptでWebプログラミングを行う方法について段階的に着実に学習し、学んだ内容を適用して実際に使える実戦プロジェクトを開発しながらJavaScriptを効果的に学習してみましょう。

ウェブフロントエンドのためのJavaScript入門講座は...

  • JavaScriptやプログラミングを初めて触れる方でも簡単に理解できます。
  • 受講生の皆様の理解を助ける講義資料とハンドブックが提供されます。
  • 自分だけのChrome拡張機能を一緒に開発しながら学んだ内容をすぐに適用してみることができます。

⭐️ 評価4.9点、55件のレビューが証明する講義

ウェブフロントエンドのためのJavaScript第一歩受講生の皆さんの実際の受講後レビューです。

🧑‍🎓
視覚資料がきれいで、講師の方の伝達力が良いです。要点を明確に説明してくださったので、復習用としても聞きましたが良かったです!講義資料も提供してくださったので、学習した内容を整理するのに役立ちました!良い講義をありがとうございます

👩🏻‍💻
きれいなppt理解がすんなりできる例示、余計なものなく必要な機能を教えてくれる最高の講義だと思います!!ヒョビンさんの講義が1つしかないのが一番残念ですね 他の講義も作ってください :)

🙆‍♂️
講義の内容が頭にすっと入ってきます。他の講義は正直退屈だったり集中できないことが多く、見ていてもぼーっとしてしまうことがあったのですが、この講義は継続して集中して見て実践するようになりますね。該当技術に対する背景知識がないにも関わらず楽しく講義に集中して見るようになることを見ると、先生の伝達力がとても優れているようです。良い講義を作ってくださってありがとうございます。

🕵️‍♀️
一人で勉強していてよく理解できなかった内容が、講義を聞きながらすっきりと理解できています。特に難しくなりがちなJavaScriptの用語と概念サンプルコードと一緒に分かりやすく説明してくださるのがとても良いです。react、vue.jsなどを学ぶ前に必須で受講すべきだと思います!JavaScript上級コースの講義もあればいいなと思います😍


📖 講義で学ぶ内容を確認してみてください。

Section 1. JavaScriptはなぜ学ぶべきなのか?

JavaScriptとは何の言語でしょうか?なぜ人気があり、多くの企業で使用されているのでしょうか?
JavaScriptを学ぶべき理由についてお教えします。

Section 2. JavaScriptを始めよう

まず、JavaScriptがどこでどのように動作するかについて学びます。
その次に、誰でも簡単に使えるオンラインエディターで様々なサンプルコードを一つずつ見ながら、JavaScriptの基本概念について詳しく学ぶ予定です。

Section 3. JavaScriptの応用

前のセクションで学んだ内容より少し難しい応用概念を様々な視覚資料と共に学びます。必要不可欠な概念だけを厳選して身につけた後、JavaScriptで重要な概念である非同期処理まで詳しく学ぶことができます。

Section 4. DOMとDOM API

ウェブページを操作するDOMというオブジェクトについて詳しく学びます。ライブコーディングを通じて一緒にJavaScriptの様々なDOM APIを一つずつ使ってみることができます。よく使われるDOM APIを中心に使ってみながら、多様な方法でウェブページを操作してみます。

Section 5. プロジェクトの準備

「私だけのChrome開始画面」を作る時に必要な追加的な概念を事前に詳しく学ぶ時間を持ちます。必要な概念を事前に詳しく学んでおいてから進むため、次のセクションでそれほど難しくなくプロジェクトを開発することができます。

Section 6. プロジェクト:自分だけのChrome スタート画面

セクション1から5まで学んだ内容をすべて活用して「自分だけのChrome開始画面」を開発します。
すでに学んだ内容であっても一つずつ再度確認しながらゆっくりと開発するため、プロジェクトを開発すると同時に学んだ内容を復習することもできます。最後には開発したプロジェクトを実際に使用できるよう一緒に設定まで行う予定です。

Bonus. 必ず知っておくべきCSS

JavaScriptについて学ぶ講義ですが、セクション6でプロジェクト開発のために使用されるCSSの中で最もよく使われ、知っておくと良い二つの属性について学ぶことができます。
すでにCSSを上手く扱えるなら、該当セクションは聞かなくても大丈夫です。


Q&A 💬

Q. プログラミングを初めて触れるのですが、受講しても大丈夫でしょうか?

はい。本講義はプログラミングを初めて触れる方でも受講できるほど、JavaScriptの様々な概念を詳しく親切に説明する講義ですので、難しくなく受講していただけます。講義で使用されるPPTと台本まですべて無料で提供されるため、学習資料と一緒に講義を受講されると、講義内容を理解するのにとても役立つでしょう。

Q. HTMLとCSSの知識がなくても大丈夫でしょうか?

HTMLとCSSはセクション5〜6でのみ必要な知識です。HTMLコードとCSSコードを別途提供するため、HTMLとCSSを知らなくても問題なくJavaScriptを学習していただけます。

さらに、HTMLの場合、コードを一行一行書くたびに、そのコードがどのような機能をするのかを簡潔に説明してから進むため、大きな困難なく付いてくることができ、CSSは概念説明が必要な属性については[付録]セクションで別途詳しく扱います。そのため、必要な方は該当セクションを先に受講してから講義を受講していただければ、困難なく付いてくることができます。

Q. 講義を最後まで受講した後は、何を勉強すべきでしょうか?

ウェブフロントエンド開発者になるために講義を受講された場合、まず最終プロジェクトである「自分だけのChrome開始画面」を自分で作ってみることをお勧めします。今後はJavaScriptをもう少し深く、難しい概念まで勉強してみたり、React.jsやVue.js、Next.jsなどJavaScriptベースのライブラリやフレームワークを学習してみても良いでしょう。

💾 受講前にご確認ください!

  • 講義で使用されたPPTは該当授業でダウンロードできます。
  • 講義で使用された台本は、セクション0「学習資料講義台本ウェブページ」で確認できます。
  • セクション0 [講義の聞き方] 授業を必ず受講してください。
  • ご質問への回答は、可能な限り迅速にお答えする予定です。
  • 学習資料と一緒に受講していただくと、内容をはるかに楽に理解していただけます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プログラミングを初めて学ぶ方々

  • 一風変わったプロジェクトを完成させたい方々

  • フロントエンドエンジニアを目指す方々

  • JavaScriptを速く確実に学びたい方々

  • 丁寧な説明のJavaScript講座をお探しの方々

  • 講義を講義資料とともに受講したい方々

  • JavaScriptの基礎が不足している方々

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

  • CSS (セクション6でのみ必要な概念です)

  • HTML(セクション6でのみ必要な概念です)

こんにちは
です。

9,709

受講生

186

受講レビュー

107

回答

4.9

講座評価

2

講座

안녕하세요 김효빈 입니다 😊
프론트엔드를 희망하는 분들을 위해 쉽고 친절한 강의를 제공합니다.

프론트엔드 교육자

(전) 스타트업 프론트엔드 리드 개발자


웹 페이지

https://hyobb.com/

온라인 강의

도서

외부활동

カリキュラム

全体

42件 ∙ (6時間 47分)

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

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

受講レビュー

全体

80件

4.9

80件の受講レビュー

  • 이정환 Winterlood님의 프로필 이미지
    이정환 Winterlood

    受講レビュー 2

    平均評価 5.0

    5

    20% 受講後に作成

    입문자를 위한 자바스크립트 강의 중 가장 친절하고 자세한 강의가 아닐까 생각합니다. 세세한 개념도 정확히 짚고 넘어가주시고, 게다가 모든 코드를 자세히 설명해 주셔서 별도의 구글링 없이 수강할 수 있는 좋은 강의라고 생각됩니다. 1. 시각자료가 매우 직관적이고 이쁩니다. 2. 정확한 딕션으로 졸리지 않고 듣기 너무 좋습니다! 3. 보통 문법만 배우고 끝나는 강의가 많은데 배운 내용을 응용해 실용적인 프로젝트를 만드는 과정이 매우 인상적 입니다.

    • 효빈 Hyobin
      知識共有者

      정환님 감사합니다😀

  • 한솔님의 프로필 이미지
    한솔

    受講レビュー 1

    平均評価 5.0

    5

    10% 受講後に作成

    **자퇴생도 코딩할 수 있다는 희망을 준 강의** 컴공 입학 후 교수님도 포기한 똥멍청이를 이 강의가 구제해 주었어요 책을 아무리 봐도 뭔 말인지 이해가 안됐는데 신기하게 자막 없이도 머리에 쏙쏙 들어오네요 저처럼 눈높이 강의가 필요하신 분께 적극 추천합니다!!

    • 효빈 Hyobin
      知識共有者

      한솔님께 제 강의가 도움이 된 것 같아 정말 다행입니다😃 열심히 들어주셔서 감사합니다!

  • 김예찬님의 프로필 이미지
    김예찬

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    혼자 공부하면서 잘 이해되지 않던 내용들이 강의 들으면서 쏙쏙 이해되고 있어요. 특히 어려울 수 있는 자바스크립트의 용어와 개념을 예시 코드와 함께 쉽게 설명해주셔서 너무 좋아요. react, vue.js 등을 배우기 전 필수로 들어야 한다 생각! 자바스크립트 심화 과정도 강의 있으면 좋겠어요😍

    • 효빈 Hyobin
      知識共有者

      말씀해주신 것처럼 react, vue와 같은 라이브러리나 프레임워크들을 학습하기 전에 자바스크립트에 대한 이해는 필수입니다!! 강의 내용들이 쉽게 이해가 되셨다니 다행입니다. 자바스크립트 심화 과정 강의도 고려해보겠습니다😊 감사합니다.

  • wlsdyd620님의 프로필 이미지
    wlsdyd620

    受講レビュー 1

    平均評価 5.0

    5

    34% 受講後に作成

    JS 및 프론트를 배워보고 싶어 해당 강의를 수강했습니다. 해당 강의는 비전공자도 내용을 충분히 이해할 수 있도록 문법 등을 자세하게 설명해주네요. 또, 실무를 바탕으로 어드바이스할 점이나 실제 프로젝트 단위 구현 등등까지 커리큘럼에 포함되어 있어 개인적으로 매우 만족했습니다. 저와 같이 웹 프론트 개발이 미숙한 입문자나 관심있는 분들께서는 분명히 역량이 한단계 성장한 것을 느낄 수 있는 강의라고 생각됩니다.

    • 효빈 Hyobin
      知識共有者

      wlsdyd620님, 제 강의를 통해 한 단계 성장하셨다니 강의를 제작한 보람이 있는 것 같습니다😃 열심히 들어주셔서 감사합니다!!

  • 일론 머스크님의 프로필 이미지
    일론 머스크

    受講レビュー 63

    平均評価 4.7

    5

    100% 受講後に作成

    강의 내용이 머릿속에 쏙쏙 들어갑니다. 다른 강의는 솔직히 지루하기도 하고 집중이 안되는 경우가 많아 보면서도 멍때리는 경우가 있었는데, 이 강의는 계속 집중해서 보고 따라하게 되네요. 해당 기술에 대한 배경지식이 없는데도 재미있게 강의를 집중해서 보게 되는걸 봐선 선생님의 전달력이 엄청 난 거 같습니다. 좋은 강의 만들어 주셔서 감사합니다.

    • 효빈 Hyobin
      知識共有者

      강의가 지루하지 않고 잘 전달이 되었다니 정말 다행입니다😄 열심히 수강해주셔서 감사합니다!!

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

¥24,750

25%

¥4,039

hyobinの他の講座

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

似ている講座

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