Web Developer Roadmap 2018 日本語訳 (フロントエンド)

JavaScript
Tama66 / Pixabay
この記事は約5分で読めます。

最初に

先日Twitterで教えていただいた「Roadmap to becoming a web developer in 2018」を読んだので、内容を復習する意味で翻訳をいたしました。読んでいてHTMLとかCSSとかかなり適当に飛ばしてしまっていたんだなぁって身にしみました笑。なめてかからずにちゃんと一つずつ学んで行く必要がありますね!!

Web開発者になるためのロードマップ in 2018(訳

Roadmap to becoming a web developer in 2018

※原文:https://github.com/kamranahmedse/developer-roadmap

以下に、あなたが取ることができる道を示すチャートと、フロントエンド、バックエンド、またはdevopになるために選択しておきたい技術を示す一連のチャートがあります(※今回はフロントエンドだけです)。私は大学生に自分自身のの視点を分かち合うことを望んでいた教授のためにこれらのチャートを作りました。

Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective.

免責条項

Disclaimer

このロードマップの目的は、Web技術全体についての知見を与えることで、次に何を学ぶべきかわからず、最新なものばかりを学んでしまうことを奨励しないようにするためのガイドになります。なぜ、あるツールが他のツールよりもその仕事に適しているのか、また、最新技術を使うことが一番いい方法ではないことを理解しておく必要があります。

The purpose of this roadmap is to give you an idea about the landscape and to guide you if you are confused about what to learn next and not to encourage you to pick what is hip and trendy. You should grow some understanding of why one tool would better suited for some cases than the other and remember hip and trendy never means best suited for the job.

イントロダクション

Introduction

フロントエンドマップ

フロントエンドマップのまとめ

※細かいところはもうすこしまって、、、笑

1-HTMLを学ぶ
2-CSSの基礎を学ぶ
3-JavaScriptの基礎を学ぶ
オプション-JQueryを学ぶ
4-応答性の高いウェブサイトを作成。JavaScriptを使ってインタラクティブな機能を追加する
5-GitHubにあるプロジェクトから技術を盗む
6-失敗を積み重ねる
7-パッケージマネージャーを学ぶ
8-機能を追加するためのライブラリなどのインストール
9-特殊な書き方のCSSを学ぶ
10-CSSフレームワークを学ぶ
11-CSSのアーキテクチャを学ぶ
12-ビルドツールについて学ぶ
13-ライブラリなどを自作してみる
14-JavaScriptフレームワークを学ぶ
15-練習を積み重ねる
16-テストの方法を学ぶ
17-Webサービスの流れを理解する
18-静的型付け言語の学習
19-サーバーサイドのレンダリング方法を学ぶ
20-上記で触れていないものを学ぶ
21-Web技術を探検し続ける、、、、

要約

Wrap Up

ロードマップの改善点を見つけた場合は、更新したPRを開いて問題(改善箇所)を提出してください。また、私はこれを改善し続けますので、このリポジトリを見直すために※Watchか星をつけたいと思うかもしれません(笑)。
※GitHubのWatch機能とStar機能のこと

If you think any of the roadmaps can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.

貢献

Contribution

ロードマップを更新する方法については貢献文書をご覧ください

Have a look at contribution docs for how to update any of the roadmaps

  • Open pull request with improvements
  • Discuss ideas in issues
  • Spread the word
  • Reach out with any feedback Twitter URL

スポンサー

Sponsored By
Hackr.io – Find & Share the Best Online Programming Courses & Tutorials

License
License: CC BY-NC-SA 4.0

コメント