fv17の日記

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

フロントエンドエンジニアになるために、Learn to become a modern Frontend Developer in 2019を実際にやってみる

現在、サーバーサイドエンジニアとしてJoinしている現場で、フロントエンドのエンジニアが不足することが予想されているため、フロントのキャッチアップ中です。HTML、CSSJavaScriptをProgateで1ヶ月ぐらいかじったことある状態から、即戦力のフロントエンドエンジニアになるまでに、何を学んだかを記録していきます。

目的 / 目標

  • Reactなどのモダンなフレームワークを扱えるフロントエンドエンジニアになる
  • 将来的にはフロント、バックエンド、インフラの3つを一通り扱えるフルスタックエンジニアとなる

実践すること

Qiita界隈など、巷で話題になっている、 Learn to become a modern Frontend Developer in 2019 をゼロからやってきます。 Type Checkers まで最低限やれば戦力になれるので、一旦の目標はそこです。

Learn to become a modern Frontend Developer in 2019

フロントエンドエンジニアとして活躍するためには何をすればいいか?がゼロから書かれた素晴らしい記事。バックエンドエンジニア版やDevOpsエンジニア版もあり、Qiitaで翻訳されてバズったりしています。
medium.com

ロードマップ

上記記事で記載されているロードマップ画像のリポジトリです。

GitHub - kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2019

日本語訳

Qiitaで翻訳されてバズった記事です。

2018年の最先端フロントエンドエンジニアになろう - Qiita
↑2018年度版のため古いですが、一通り翻訳されています。

Web Developer Roadmap 2018が2019年版になっていたので比較してみる - Qiita
↑2019年度版で主に2018年度版との差分について述べられています。

Phase 1 — Job Ready

HTML

後日記載

CSS

後日記載

How Internet Works

後日記載

Phase 2 — Write Better CSS

パッケージマネージャー

後日記載

CSS設計

後日記載

CSSプリプロセッサ

後日記載