Webサイトをモダンな技術で作れるようになるカリキュラム
FrontierTech では Web サイトをモダンな技術で作れるようになるカリキュラムなどを公開しています🎉
・プログラミング、開発に興味がある方
・Web サイトの仕組みを知りデジタルマーケティングに活かしたい方
・ソフトウェアプロダクトの責任者・マネージャーの方
におすすめです
カリキュラムは、Developer Roadmap Frontends 2020 にできるだけ沿うように作成してあります📌
カリキュラム内容
A. Web サイトが表示される仕組みを理解する
1. ブラウザでウェブサイトを表示する土台の仕組み : クライアント、ネットワーク、サーバー
2. クライアントってなに？ : (クライアント) ブラウザとアプリ
3. サーバーのなかでなにをしてるの？ : (サーバー) リクエストとレスポンス4. どうやってサーバーまでたどりつくの？ : (ネットワーク) インターネット, IP アドレス, DNS
5. 通信するときの約束事 : (ネットワーク) 通信プロトコル HTTP
6. HTML, CSS はなにをしてるの？ : (クライアント) セマンティクスとレイアウト
7. javascript はなにをしてるの？ : (クライアント) ブラウザでもうごくプログラミング言語
8. ブラウザはなにをしてるの？ : (クライアント) ローディング、スクリプティング、レンダリング、プリンティング
B. vue.js, nuxt.js をセットアップし動す
9. ...黒い画面ってなに？ : ターミナルと bash
10. プログラム、ライブラリ、フレームワーク : 先人の知恵を借りる方法
11. たくさんのパッケージをまとめて管理するためには？ : package manager としての yarn
12. 昔の javascript の書き方？ : ECMAscript と babel
13. たくさんのファイルをどうやってまとめるの？ : モジュールバンドラー webpack
14. javascript フレームワークの進化 : サーバーサイドのテンプレートエンジン、Ajax、SPA、SSR
15. vue.js の基本的な書き方
16. vue 単一コンポーネントの書き方
17. フレームワーク nuxt.js のセットアップ
18. 静的サイトってなに？ : static site generator
C. Web サイトを実装する
19. セマンティクスを意識した html
20. モダンな css の書き方 : css grid
21. scss でもっと簡単に css を書こう
22. 画像を使ってみよう
23. vue component の利用
24. SEO 対策をしよう : head の記述
25. 静的サイトとして書き出そう
26. firebase hosting でテストしてみよう : firebase serve
27. firebase hosting で公開しよう : firebase deploy
28. 独自のドメインでサイトにたどり着けるようにしよう
29. github で管理しよう
30. セキュリティはどうしたらいいの？
31. scss をもっと書きやすく : 変数, mixin
32. nuxt の本気 : SSR で利用する nuxt js
現在レッスン 6 まで弊社 Web サイトで公開中ですので、 こちら からぜひ見てみて下さい
テクノロジーで「はじめる」を「ささえる」| FrontierTech
この記事が気に入ったらサポートをしてみませんか？