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

/

Front-end

Amazing JavaScript - 入門

フロントエンド開発に必要なJavaScriptの基本知識。実務者として必ず知っておくべき必須知識を分かりやすく、素早く説明します。2024年の現代フロントエンド開発トレンドを反映した基本講義。

  • captain
자바스크립트
JavaScript
ES6
Thumbnail

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

こんなことが学べます

  • JavaScript開発

  • JavaScript 基本文法

  • ES6+

フロントエンド開発の第一歩:JavaScript

React、Vueなどのフレームワークを学ぶ前に必ず知っておくべきJavaScriptの基本、最新の文法を短時間で圧縮的に学べる講義です。最新のフロントエンドフレームワークを使用してWebアプリケーションを開発するときに必要なだけ学習できるように講義を構成しました:)

こんな方におすすめです

フロントエンド開発
始まる入門者

FE開発を始めるとき、何から学ぶべきか分からない。 JavaScriptはどのくらい知っておくべきですか?

JavaScriptの文法
わかるように、

React、Vueは学んだが、JavaScriptの文法を正確に知らない。 export default , async await , ... , then & catch , () => {} 😵‍💫

レキシカルスコープ、プロトタイプ
だから頭が痛い方

実務では、これらの概念を知らなくても十分に開発できます。必要な概念だけを実用的に学びます :)

受講後は

  • フレームワークを使用するために必要なJavaScriptの基本、最新の文法をマスターします。

  • 実務開発で最も重要な配列を扱う、非同期処理、モジュール化文法の基礎を扱うことができます。

  • JavaScriptはそれほど難しく見えません。簡単ですが必須の文法だけを簡単にお知らせします:)

この講義の特徴

01j0vy9fgwmz5x59g26bh87xrh

授業内容よりも膨大なWeb教案で学習と復習

授業で学んだ内容を簡単に復習できるようにウェブサイトの教案を提供します。もっと勉強したい部分は無料でもっと勉強できますよ

説明は短く、練習は簡単で十分です

いくら簡単に説明しても難しいのは難しいです。説明は必要な部分だけできるだけ短く話し、コードで簡単に解いて説明しておきます😄

こんな内容を学びます

1. JavaScriptの基本文法

JavaScriptを扱うときに最も基本となる変数、関数、繰り返し文、条件文、オブジェクト、配列などを学びます。 JavaScriptの最大の特徴の1つである一級関数についても簡単に学ぶことができます:)

2. JavaScriptの最新文法(ES6+)

最新の文法は、既存のJavaScript文法をより簡潔かつ迅速に作成するように設計されています。
単に文法を覚えるのではなく、なぜこのように書くのか背景も説明します。

JavaScriptの重要な概念である非同期処理もコールバックからasync, awaitまで定走行してみることができます:)

この講義を作った人👨‍💻

チャン・ギヒョ(キャプテン板橋)

「Inflearnが出会った人」インタビュー


質問がありますか?

Q1. Inflearnで8年ぶりに無料で講義を行ったようですが、どんなきっかけがありましたか?

既存のJavaScript講義を別途作成していないのは、Vue.js講義のロードマップの途中で必要なJavaScript文法をすべて説明したからです。今回React学習ロードマップも制作しながら、JavaScriptの基本、必須文法を説明してくれる映像が必要だと思いました。

私は最初にJavaScriptを学習したときにCodeSchool、ライフコーディングなどの無料ビデオの助けを借りていたように、開発者エコシステムのために無料でオープンするようになりました:)

皆さんも私が良い講義で悟りを得て楽しさを感じたことを経験していただければいいですね

Q2.この講義を聞くには、HTML、CSSも知っておくべきですか?

いいえ。 JavaScriptの基本概念と文法を理解するクラスなので、HTML、CSSは知らないかもしれません。 JavaScriptがHTML、CSSを操作できる特徴がありますが、この点については講義では扱いません。それでも無料講義なんて気軽に受講申請して聞いてみてもいいと思います:)

Q3. JavaScriptを少しやると思いますが(ジュニア、実務者)聞くことができますか?

はい。無料講義とカリキュラムを見て、必要な部分だけを学習してもいいです。変数、関数、条件文、配列などの基本文法は既に知っていればES6+最新の文法と非同期処理の側面を見てみると得られるものがあります:)

Q4.この講義を聞いたら、次の講義はどんなことを聞くのが良いでしょうか?

レッスンの紹介ページに記載されている学習ロードマップに従って、React学習ロードマップまたはVue学習ロードマップを聞くことをお勧めします。開発を学ぶ目的に応じて就職を希望される場合は、学習ロードマップをお勧めし、個人事業や製品開発が目的である方は、全講義リストの中から必要なものを選んで聞けば良いと思います:)

Q5.もっと深化した内容を聞きたいです。

Amazing JavaScriptはAmazing Spidermanをモチーフにシリーズ名をつけました。スパイダーマンシリーズがいろいろあるようにJavaScriptも入門、実戦、活用レベルで後続の講義を撮影する予定です。皆さんのオーラと応援を受けて、より速くコンテンツを持ち上げてくれるように講義聞きましょう。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):レッスンでMacを書きますが、Windows関連のショートカットもすべて説明します。

  • 使用ツール: 別途開発ツールをインストールせずに Chrome ブラウザ 1 つとして授業します。

学習資料

  • レッスンで学んだ内容よりも膨大な内容を楽しく学べるウェブ教案ブログが提供されます。

  • 授業の途中で言及された内容を簡単に学べる無料教育映像もたくさんご案内します🎁

選手の知識と注意事項

  • C、Java、Pythonなど他の言語でプログラミングを一度でもやってみた方が聞く最高の授業です。


バンドバナー

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発入門者

  • JavaScript に興味のある開発者

こんにちは
です。

48,014

受講生

4,651

受講レビュー

3,812

回答

4.9

講座評価

17

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

42件 ∙ (2時間 56分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

129件

4.9

129件の受講レビュー

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

    受講レビュー 63

    平均評価 4.7

    5

    64% 受講後に作成

    노아가 있다면 이 강의를 방주에 실었을 것이다.

    • 장기효(캡틴판교)
      知識共有者

      과찬이십니다 일론 머스크님. 영광이네요.. :)

  • 때구니님의 프로필 이미지
    때구니

    受講レビュー 25

    平均評価 5.0

    5

    100% 受講後に作成

    무료 강의라고 보기에는 너무 훌륭한 명강의였습니다. 특히 비동기 함수의 처리에 대해 왜 필요한지, 어떻게 사용하여 왔는 지, 왜 그렇게 만들었는 지등 체계적으로 단계적 설명을 해 주셔서 너무 많은 것을 배웠습니다. 이번에도 역시 믿고 듣는 판교님 강의였습니다.~~

    • kjo6391님의 프로필 이미지
      kjo6391

      受講レビュー 8

      平均評価 4.9

      5

      31% 受講後に作成

      • 똘똘이스머프님의 프로필 이미지
        똘똘이스머프

        受講レビュー 868

        平均評価 5.0

        5

        100% 受講後に作成

        귀한 강의 감사드립니다. 항상 건강하세요.

      • 김용준님의 프로필 이미지
        김용준

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        짧은시일에 기본기를 복습하고자 할떄 좋은거 같아요

        無料

        captainの他の講座

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

        似ている講座

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