本講義はフルスタック講義シリーズ Part2の講義で、Pythonバックエンド(Part1)講義に続き、フルスタック開発に必要な確かなフロントエンドの基礎を身につける講義です。商用化も可能なWebサービス開発のために、HTML5、CSS、Javascript(VanillaJS、バニラJavaScript)+ES6を詳しく整理し、習得する講義です。
一般的なIT講義よりも、できる限り受講者の立場を考えて作られた特別な講義です。さまざまな資料や例を通じて、関連技術を知らない状態から始め、関連技術を自分の履歴書に記載できるほど、核心となる技術を確実に身につける講義です..
本講義は、これまで多くの方に学んでいただき、好意的なご意見も寄せられている実績のある講義です。
万が一問題があった場合は、今後もこれまでと同様に随時アップデートされることがあります。
フロントエンドの基礎力をしっかり身につけたいなら?
프론트엔드 기본 기술을 탄탄히 정리해야 합니다. 프론트엔드 기본은
HTML, CSS, Javascript 입니다. React 를 익히더라도, 프론트엔드 기본이 필요합니다. 탄탄한 프론트엔드 기본기가 핵심입니다. 꼼꼼하게 잘 쌓은 기본기 위에, React 든 Flutter 든 익히면 프론트엔드를 원하는대로 만들 수 있습니다. 여기에 최신 웹페이지는 반응형, 호환성등 정리해야할 배경지식과 관련 지식이 있고, 오래전 기술인 Jquery 를 깔끔한 Javascript 로 대체해야 합니다.
なんとなく知ってはいるものの、整理できていない気がします
HTML、CSS、Javascriptは一応使えるように思えても、実際に使ってみると、思いどおりに扱うのは難しいものです。レスポンシブ対応、互換性、ES6など、散在する数多くの文法や技術、特にフロントエンドは、一度きちんと整理して学ばなければ、思った以上に難しい分野です。
フルスタックになれば、Webサービスを一人でも作れるそうですが…, you can build web services on your own... thì có thể tự mình tạo ra dịch vụ web...
ウェブであれアプリであれ、最近のサービスを実装するにはバックエンド、フロントエンド、デプロイ技術が必要です。これをフルスタックと呼びます。フルスタックになれば、ひとりでも最新のウェブサービスを作れるようになり、競争力のある開発者にもなれます。
これを最も効果的かつ実践的に進めるには、フルスタック講義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を習得しないとウェブサービスは作れないのではありませんか? to build web services?
これらのフレームワークは、Javascriptの物足りない点を改善するために、Javascriptで作られたフレームワークです。これらのフレームワークを使う際にもJavascriptを使うため、どのフレームワークであっても、Javascriptの基本文法をしっかり整理して身につけておく必要があります。本講義で扱うHTML、CSS、Javascriptの基礎をしっかり身につけてこそ、これらを土台にReactやVueなどのフレームワークを学ぶことができます。
そのため本講義は、フロントエンドの基礎に集中する講義です。本講義では、確かな基礎力を身につけるために、関連技術の中で必ず必要となる技術を一通り整理し、練習します。
初心者でもできますか?
初心者の方にも受講していただけるよう、詳しく丁寧に順を追って説明する講義です。
IT講義の中で最も難しいのは、プログラミングをまったく知らない方にプログラミングを教えることです。そのような方々も、私が開講したPython入門とクローリング基礎ブートキャンプ講義を通じて、プログラミングだけでなくクローリング技術も身につけられました。合理的に考え、お互いに配慮できる方であれば、十分可能です。
フロントエンド技術だけを早く整理したい場合は、本講義だけを受講していただいても構いません。ただし、プログラミングに一度も触れたことのない完全な初心者の方であれば、Python入門とクローリングブートキャンプ講義とあわせて、ロードマップに沿ってフルスタック講義を順を追って学んでいくことをおすすめします。必要なスキルをより着実に身につけていただけます。
入門者にも理解できるように
簡潔でありながら、丁寧に作成された資料をもとに、
講義中に、それぞれテストもできるように
機能別のサンプルコードを使ってテストまでその場ですぐ行えます

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

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