Web Developer Roadmap 2018の技術を網羅するUdemy講座を一覧にまとめてみた

## はじめに
[2018年の最先端DevOpsエンジニアになるためのロードマップ](https://qiita.com/poly_soft/items/7cce0fb45195575921ae) という記事を読ませていただきましたが、記事全体としてUdemyでの動画の講義が多く紹介されていました。

また自分自身がここ数ヶ月ほどUdemyを使い倒して講座を受講しているので、一度Developer Roadmapに書かれている技術についてのUdemy講座をまとめておきたいな、と思ったのが今回の記事を書き始めた経緯です。

動画の選定基準については確固たるものがあるわけではありませんが、

- 評価が4.0をくだらない
- 受講者数(評価数)がある程度ある
- 講座の言語が英語である

というのをおおよその基準に選定しています。

Qiitaの記事やその他のリソースも含めた方がいいかとも思いましたが、今回はUdemyに限定しています。

また、なぜ英語の講座のみを選んでいるかというとエンジニアの基本的な技能として英語(少なくとも読み聞きだけでも)が必須であると考えている間です。

少しでも読み聞きができるのであれば英語で講座を受講していれば自然と英語力は向上するでしょうし、それ以前に簡単なレベルすらままならない場合は今回利用した[Web Developer Roadmap 2018](https://github.com/kamranahmedse/developer-roadmap) 以前の段階で英語を勉強する必要があると考えてもらった方がいいですね。

（なお本記事は現在進行形で調査と更新を行なっていますので不足している部分がままありますので悪しからず。「この講座がいいよ！」というのがあればぜひリクエストお願いします！）

## Introduction

![Introduction](https://camo.githubusercontent.com/4511e3b4831b40f49c008418b5bb509d10efcbac/68747470733a2f2f692e696d6775722e636f6d2f4f5a554f5574492e706e67)

### Git & GitHub

- [GitHub Ultimate: Master Git and GitHub - Beginner to Expert](https://www.udemy.com/github-ultimate/)

### SSH

- [Beginner SSH Secure Shell - Hands on!]
(https://www.udemy.com/sshcourse/)

### HTTP/HTTPS and APIs

### Bacis Terminal Usage 

- [Linux Command Line Basics](https://www.udemy.com/linux-command-line-volume1/)
- [The Mac Terminal Course for Beginners](https://www.udemy.com/the-mac-terminal-course/)

### Learn to Research 
### Data Structures & Algorithms

- [Data Structures & Algorithms - Interview !!](https://www.udemy.com/learn-data-structure-algorithms-with-java-interview/)
- [The Coding Interview Bootcamp: Algorithms + Data Structures](https://www.udemy.com/coding-interview-bootcamp-algorithms-and-data-structure/)

### Character Encodings

## Frontend Roadmap

![Frontend Roadmap](https://github.com/kamranahmedse/developer-roadmap/raw/master/images/backend.png)

### Learn HTML & Basics of CSS

- [Build Responsive Real World Websites with HTML5 and CSS3](https://www.udemy.com/design-and-develop-a-killer-website-with-html5-and-css3/)

### Basics of JavaScript

- [The Complete JavaScript Course 2018: Build Real Projects!](https://www.udemy.com/the-complete-javascript-course/)

### Package Managers 

#### NPM

- [Understanding NPM - Node.js Package Manager](https://www.udemy.com/understanding-npm/)

#### Yarn
- [Yarn Dependency Management - The Complete Guide](https://www.udemy.com/yarn-dependency-management/)

### CSS Preprocessors

#### Sass

- [Advanced CSS and Sass: Flexbox, Grid, Animations and More!](https://www.udemy.com/advanced-css-and-sass/)

#### PostCSS

### CSS Framework

#### Bootstrap

- [Bootstrap 4 From Scratch With 5 Projects](https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/)

### CSS Architecture

### Build tools

#### Webpack

- [Webpack 2: The Complete Developer's Guide](https://www.udemy.com/webpack-2-the-complete-developers-guide/)

#### NPM Scripts

- [Understanding NPM - Node.js Package Manager](https://www.udemy.com/understanding-npm/)

#### ESLint

### Pick a Framework

#### React.js
- [React JS and Redux - Mastering Web Apps](https://www.udemy.com/react-js-and-redux-mastering-web-apps/)

#### Vue.js & vuex
- [Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)](https://www.udemy.com/vuejs-2-the-complete-guide/)

#### Angular
- [Angular 6 (formerly Angular 2) - The Complete Guide](https://www.udemy.com/the-complete-guide-to-angular-2/)

#### Typescript
- [Understanding TypeScript](https://www.udemy.com/understanding-typescript/)

### Server Side Rendering

### Next.js

### Nuxt.js

- [Nuxt.js - Vue.js on Steroids](https://www.udemy.com/nuxtjs-vuejs-on-steroids/)

## Back-end Roadmap


## DevOps Roadmap

![DevOps Roadmap](https://raw.githubusercontent.com/kamranahmedse/developer-roadmap/master/images/devops.png)

### Learn a Programming Language 

### Understand different OS Concepts 

- [Linux Administration Bootcamp: Go from Beginner to Advanced ](https://www.udemy.com/linux-administration-bootcamp/)

### Learn about Managing Servers

- [The Web Developer Bootcamp](https://www.udemy.com/the-web-developer-bootcamp/)

#### Operating System 
Linux
Learn to live in Terminal

### Networking and Security 

### What is and how to setup a ___

#### Reverse Proxy 

#### Caching Server

#### Forward Proxy 

#### Load Balancer 

#### Firewall 

#### Web Server

Apache
Nginx

### Learn Infrastructure as Code

#### Containers 

- [ Docker Mastery: The Complete Toolset From a Docker Captain ](https://www.udemy.com/docker-mastery/)
- [ Learn DevOps: The Complete Kubernetes Course ](https://www.udemy.com/learn-devops-the-complete-kubernetes-course/)

#### Configuration Management

- [ Ansible for the Absolute Beginner - Hands-On - DevOps ](https://www.udemy.com/learn-ansible/)
- [ Mastering Ansible ](https://www.udemy.com/mastering-ansible/)

#### Infrastructure Provisioning

- [ Learn DevOps: Infrastructure Automation With Terraform ](https://www.udemy.com/learn-devops-infrastructure-automation-with-terraform/)
- [ Terraform Course from a DevOps Guru (Terraform + AWS) ](https://www.udemy.com/terraform-with-aws-and-infrastructure-as-code-with-terraform/)
- [https://www.udemy.com/terraform-beginner-to-advanced/]( Terraform - Beginner to Advanced 2018 )

### Learn some CI/CD Tool

#### Jenkins

- [ Master Jenkins CI For DevOps and Developers ](https://www.udemy.com/the-complete-jenkins-course-for-developers-and-devops/)

#### Teamcity

#### Circle CI

### Learn how to monitor software and infrastructure 

#### Infrastructure Monitoring 

#### Application Monitoring

#### Logs Management

### Cloud Providers

#### AWS

- [ AWS Serverless APIs & Apps - A Complete Introduction ](https://www.udemy.com/aws-serverless-a-complete-introduction/)