链接:知乎【点击查看大图】原图来自LearnCodeAcademy最火的视频,learncode是YouTube上最火的Web开发教学频道,介绍包括HTML/CSS/JavaScript/Sublime Text/CSS Layouts/Responsive Design/Rea ...
链接:知乎
【点击查看大图】
原图来自LearnCodeAcademy最火的视频,learncode是YouTube上最火的Web开发教学频道,介绍包括HTML/CSS/JavaScript/Sublime Text/CSS Layouts/Responsive Design/React.js/Node.js/Angular.js/Backbone.js/Docker/Dev Ops/Server Administration/Deployment Strategies在内的各类教学视频,拥有超过20w的订阅者,如果你会FQ又懂一点英文的话,这会是一个绝佳的学习Web开发的地方。
下面这个列表就是图片中的内容,我把大部分的链接替换成了国内的资源教程等。为了对初学者友好一些,很多链接都是入门教程,并标注了一些内容的中文名称,但实际上这些术语在学习的过程中都需要慢慢掌握的。专业人士看看图参考一下最新的Web开发知识架构就好了。
在学习Web开发之前,最好能学好英文,学会使用搜索引擎,学会FQ。这样你的学习之路会事半功倍。我在推荐链接的时候可能存在一些个人偏好,如果你对我提供的资源不满意,可以将某一项复制到搜索引擎里自助寻找相关的内容。
这个列表尽量全面地罗列了2016年最新的Web开发相关的知识和技术,不是说你把列表上的每一项都学会了才算你掌握了Web开发。变的是不停造出的新轮子,不变的是编程的思想。你只需要选择列表中你感兴趣的,你需要的,和你在工作场景中遇到情况相符合的内容来查阅学习。另外如果你只是想找一份简单的码农工作,学好HTML/CSS/JavaScript就已经足够了。
欢迎在评论区提出意见或者是推荐相关的资源。
Web开发Web Development
- 前端基础Basic Front End
- 编辑器Text Editors
- Atom.io
- Sublime Text
- Brackets.io
- HTML
- CSS
- Javascript 基础
- Javascript 教程
- Modular JS
- jQuery
- 前端工程师Front End Developer
- ES6/ES2015 (Babel)
- CSS相关CSS Tools
- 预编译器Precompilers: SASS / LESS / Stylus
- CSS Frameworks: Bootstrap / Foundation
- Responsive Design with CSS
- 前端构建工具Frond End Build Tools
- 自动构建Task Runners
- 依赖管理Dependency Management
- Bower/package management
- Yeoman.io
- 框架MV* Javascript Frameworks
- React.js
- Mobx
- Flux
- Redux
- Relay
- GraphQL
- create-react-app
- Angular.js
- Ember.js
- Vue.js
- 单元测试Unit Testing
- Mocha
- Jasmine
- Karma
- enzyme (testing react)
- Clojurescript
- Elm
- 通用知识No Matter Which Route You Take
- FTP和服务器配置FTP & Web Host Setup (hostgator)
- 命令行使用Basic Terminal Usage
- SSH基础Basic SSH
- Github基础Github Basics
- 客户端与服务端交互Learn How Client & Server Talk To Each Other
- 理解RESTful Web Services / GET POST PUT DELETE requests
- 后端Back End
- 脚本语言Scripting Languages
- Node.js ( express^, hapi^)
- Python (django, flask^)
- Ruby(Ruby on Rails, Sinatra^)
- PHP(Laravel, Symfony2, Lumen^)
- 函数式语言Functional Languages
- Elixir
- Scala
- Clojure
- Haskell
- 高性能语言High-Performance/Compiled Languages
- 开发运维Dev Ops
- 云平台Web Platforms
- 新浪云
- Digital Ocean
- Amazon Web Services (AWS)
- Azure
- Rackspace
- Heroku
- 服务器管理Server Management (configuration management or CM)
- Linux
- Docker
- Ansible
- Salt
- Chef
- Puppet
- Docker (containerized applications and databases)
- 大型Big Scale: Kubernetes, Mesos
- 小型Small Scale: Docker Swarm, Docker 1.12 swarm
- 图形化界面UI-Driven: Dao Cloud
- 持续测试/部署Continuous Testing & Delpoyment
- flow.ci
- Travis CI
- Jenkins (on your own hardware)
- SemaphoreCI
- CircleCI
- Codeship
- 数据Data
- 关系型数据库Relational: MySQL, PostgreSQL
- 缓存Redis / sessions / caching
- 非关系型数据库Document: MongoDB, Couchbase, RethinkDB
- 搜索引擎数据库Search Engine: ElasticSearch, Solr
- 缓存Caching
- Nginx (Server)
- Apache (Server)
- Database (Redis)
- In-Memory
- 其他相关Things to Learn
- Unit/Functional Testing for Chosen Technology
- API's / RESTful Services
- Security
- 验证Authorization/Authentication
- SOA (Service Oriented Architecture) / Microservices
- Deploying your app (flightplan: nodejs, Fabric: python, Capistrano: ruby)
- websocket
- ORM/Data Structure
参考资料
- 原图链接:Web Development Concept Map
- YouTube视频:2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer
原标题:【转】2016/2017 Web 开发者路线图
关键词:web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。