本講座はフルスタック講座シリーズPart2として、Pythonバックエンド(Part1)に続き、フルスタック開発に必要な確かなフロントエンドの基礎を身につける講座です。商用化も可能なウェブサービス開発のためのHTML5、CSS、Javascript(VanillaJS、バニラJavaScript)+ES6について詳しく整理します。
一般的なIT講義よりも受講者の立場を最大限に考えて作られた講義です。さまざまな資料と例を通じて、関連技術を知らない状態から始め、自分の履歴書に記載できるほど中核技術を確実に身につける講義です
本講義は、多くの方が学習し、高い評価を寄せてくださっている実績のある講義です。
問題があれば、今のように随時アップデートします。
フロントエンドの基礎をしっかり身につけたいなら?
프론트엔드 기본 기술을 탄탄히 정리해야 합니다. 프론트엔드 기본은
HTML, CSS, Javascript 입니다. React 를 익히더라도 프론트엔드 기본이 필요합니다. 꼼꼼하게 쌓은 기본기 위에 React 든 Flutter 든 익히면 프론트엔드를 원하는 대로 만들 수 있습니다. 여기에 최신 웹페이지는 반응형, 호환성 등 정리할 배경지식이 있고, 오래된 Jquery 를 깔끔한 Javascript 로 대체해야 합니다.
なんとなく分かってはいるものの、整理できていない気がします
HTML、CSS、Javascriptはなんとなく使えそうに思えますが、実際には思い通りに扱うのは難しいものです。レスポンシブ対応や互換性、ES6など、散在する数多くの文法や技術があり、フロントエンドは一度きちんと整理して学ばなければ、思っている以上に難しいものです。
フルスタックになれば、Webサービスを一人でも作れるそうですが……
ウェブでもアプリでも、最近のサービスにはバックエンド、フロントエンド、デプロイ技術が必要で、これをフルスタックといいます。フルスタックになれば、1人でも最新のウェブサービスを作れるようになり、競争力のある開発者になれます。 最も効果的な道は、フルスタック講義のPart1でPythonとバックエンドを習得し、Part2でフロントエンドの基礎力を磨くことです。基礎力が身についてこそ、講義のウェブサービスをそのまま写して作るのではなく、本当の意味でフルスタックになれます。本講義では、フロントエンドの基礎力をしっかり身につけられるよう、HTML5、CSS、Javascript(バニラJavaScript、VanillaJS)+ ES6を詳しく扱います。
最も速い最新のフルスタックロードマップをYouTube動画にまとめました。ご参考いただければ、独学でも短期間でWeb/アプリ開発まで進むためのロードマップをご理解いただけます。
確固たる実践的なフロントエンドの基礎力のために作りました。
文法と機能が数え切れないほど多いため、フロントエンドの第一歩は整理からです。
それら多くの文法と知識を、次の条件で整理しました。
- 最新のウェブサイト開発のための基礎知識をすべて整理し
- 見栄えのよいウェブページに欠かせないCSSを丁寧に整理し
- 最新のウェブページでは使われないJqueryは扱わず
- すべて標準のVanilla JavaScript + ES6に置き換えて扱い
- レスポンシブ対応をサポートし
- 互換性まで考慮します
HTMLタグはセマンティックタグまで、必須のタグを中心に整理し、
見栄えのよいWebページに欠かせないレスポンシブ対応や互換性まで考慮した、詳細なCSS機能を扱い、
VanillaJS(バニラJavaScript)という名前のとおり、最近のトレンドではjQueryを使わないため、互換性まで考慮したJavaScript+ES6の構文だけでWebページを実装します。
互換性の問題で使用できない極端に新しい構文や、代替可能な技術は省き、主要な技術に集中します。
時間を無駄にしないでください!
私たちは情報がないからできないのではありません!
実績のある講義で学べば、すぐに整理できます!
Javascriptだけ学べばいいのではありませんか?
フルスタック開発における最大のボトルネックはCSSです。HTML、CSSは中学生でも知っていると言われます。
しかし、よほどのフロントエンド開発者でなければ、レスポンシブ対応や互換性を備えた、見栄えのする最新のWebページを作ることはできません。
数え切れないほど多くのCSSの細かな機能を整理する必要があり、HTMLも標準に準拠するよう一度は整理しなければなりません。韓国国内にはパブリッシャーという職業がありますが、海外ではフロントエンドまたはフルスタック開発者がCSSまで扱います。
競争力のあるフロントエンド/フルスタック開発者になるには、CSSの機能を詳しく整理することが必須です。
ReactやVueを習得しないとWebサービスは作れないのではありませんか?
これらのフレームワークは、Javascriptの不便な点を改善するためにJavascriptで作られています。使用時にもJavascriptを使うため、どのフレームワークであってもJavascriptの基本文法をしっかり整理しておく必要があります。本講義でHTML、CSS、Javascriptの基礎を身につけてこそ、その上でReactやVueなどを学べます。
そのため本講義では、フロントエンドの基礎力に重点を置き、関連技術の中で必須となる技術を一通り整理して練習します。
初心者でもできますか?
初心者の方にも受講していただけるよう、詳しく丁寧に順を追って説明する講義です。
IT講義で最も難しいのは、プログラミングをまったく知らない方にプログラミングを教えることです。そのような方々も、私が開講したPython入門とスクレイピング基礎ブートキャンプ講義を通して、プログラミングだけでなくスクレイピング技術も身につけています。合理的で、お互いに配慮できる方であれば、十分可能です。
フロントエンドだけを早く学びたい場合は、本講義だけを受講していただいても構いません。ただし、プログラミングに一度も触れたことのない完全な初心者の方には、Python入門とスクレイピングブートキャンプ講義と併せて、フルスタックのロードマップに沿って一歩ずつ学んでいくことをおすすめします。
初心者にも理解できるように
簡潔でありながら、丁寧に作成された資料をもとに、
講義中に各自でテストもできるよう
機能別のサンプルコードとテストまで、すぐに行っていただけます

• 機能ごとのサンプルコードをプロジェクトとして作成して提供し、実践的なWebページのコードファイルもお渡しします。
• 講義資料はオンラインでいつでもご確認いただけます(ただし、著作権上の問題により、コピーおよびダウンロードは制限しています。)。
体系的に学べますか?
入門者からフルスタックエンジニアになるまでの全過程を、少しずつ難易度を上げながら、詳しく体系的に身につけられるよう講座を作成しています。簡潔なコードと十分な説明を心がけつつ、理解が必要な部分についてはその都度コンピューターサイエンスまで解説し、優れた開発者としての基礎力を身につけていただけるようにしています。

本講義はフルスタック講義シリーズPart2として、次のサービス開発に向けた特定のWebページを選択し、どのフレームワークやライブラリも使わず、空のファイルからHTML、CSS、Javascript + ES6で一つひとつコードを完成させていきます。
'あ!本当に違うんだ!'と感じていただけるように
工夫して作っている講座です
そのままついてきていただければ、大丈夫です!