前端2017年学习路线指南
2017-05-10 本文已影响1314人
熠辉web3
作为一名Web开发人员和设计师，到底应该在2017年学习什么技术？ 在本指南中，将讨论所有最新技术，告诉你如何正确的学习前端, 哪些知识是必须掌握的?哪些知识是可以作为补充学习的?
第一步: 掌握HTML/CSS
- 这是你最初必须掌握的
- 是网站的构建元素
- 没得选!
- 随着你前端的学习进程,熟练掌握
- HTML/CSS简单易学
掌握HTML/CSS
第二步: 使用基础工具
- 文本编辑器: Notepad2 / Sublime Text / Atom.io / IDE
- 图像编辑器:Photoshop, Illustrator, GIMP, Something slse
- FTP / SSH 工具 : Filezilla ,Putty
- 好的浏览器: Chrome
- 云盘: Dropbox, Google Drive, Box
基础工具
第三步: 学习原生JavaScript
- 原生JavaScript(现阶段不需要理会Node.js 和任何框架)
- 理解数据类型: String, Number, Arrays, Objects, etc
- 理解函数, 条件表达式, 循环,操作符等
- 事件处理
- JSON(JavaScript Object Notation), JavaScript对象表示法
- jQuery框架
原生JavaScript
第四步:搭建一个基础网站:
- 获取一个虚拟主机账户(Hostgator, InMotion, etc)
- 学习虚拟主机控制系统基础——cPanel (Email ,FTP Setup)
- 通过FPT(文件传输协议)上传你的项目
- 创建域名并和你的主机连接
搭建网站
第五步:恭喜你! 你现在是一个网页设计师了!——(现阶段还不足以称Web Developer)
- 有能力搭建一个专业的简单网站
- 有能力搭建网页应用的界面
- 能够把一张PSD 转化为基于HTML/CSS的静态网页
- 有在公司上班的实力, 或者选择成为一名自由职业者
网页设计师阶段
第六步: 思考接下来的侧重点!
- HTML/CSS框架: Bootstrap, Foudation(建议优先掌握!)
- 服务器端语言: PHP, Ruby....
- JavaScript框架: React ,Angular
- 数据库: MySQL, PostgreSQL
思考下一步
第七步: HTML/CSS框架
- Bootstrap(强烈推荐学习该框架!)
- Zurb Foundation
- Skeleton
- MUI
- Pure
HTML/CSS框架
第八步: 服务器端编程语言(专注于一个!)
- PHP(不是最好的语言,但是是最可靠的服务器端语言)
- Node.js(一款新型, 强大的后台语言)
- Ruby on Rails (最好的框架,但已经到了瓶颈期)
- Python(简单易学,但相对于主流语言并不流行)——可现在AI的爆红导致Python最近很火!
服务器端编程语言
第九步: 数据库(专注于一个!)
- 关系型数据库: MySQL 和 PostgreSQL
- 非机构化数据库: MongoDB 和 CouchDB
- 建议选择一个以下的组合:
- PHP/ MySQL
- Node.js/ MongoDB
数据库
第十步: 需要学习的一些端技术
- Git & Github
- SSH(安全外壳协议) & Basic Command Line
- CSS 预编译器: Sass/Less
- APIS / REST Service
- HTTPS / SSL
端技术
第十一步: 部署应用
- 专用服务器/ VPS
- 应用云平台: Heroku, Digital Ocean, AWS
- 部署工具
- Linux命令行
- 维护和升级
部署应用
第十二步:恭喜你,你现在成为一名网页开发者了!
- 能够创造出网页引用
- 能构建后端APIs
- 能连接服务器
- 能够管理数据库
- 你的选择: 得到一份很好的工作 / 成为自由职业者 / 开始一项事业
Web Developer阶段
第十三步:编程框架
- JavaScript框架: React, Angular 2, Vue.js, Express(后端)
- PHP框架: Laravel, Codeigniter, Symfony
- Ruby on rails
- MVC框架: Routing, Database Mapping, Helpers, Data Binding, Templating & UI
编程框架
第十四步: 内容管理系统(基于PHP)
- Wordpress(强烈推荐), Joomla, Drupal
- 有利用客户更新和维护
- 丰富的插件
- 开发速度快
- 模板的功能有限
内容管理系统
第十五步: 移动App发展
- 这是未来的趋势
- 你不需要学习Java 和C语言!
- 你只需要掌握JavaScript!我们可以使用React Native, Ionic, Cordova 等框架来构建移动App
移动App发展
第十六步:现阶段,现在你需要考虑什么?
- 专注于你的事业
- 回去学习更多的数据结构
- 跟进现在的新技术
- 学习一门高级语言,类似于Java, C语言
下一步?
以上内容来自我于在YouTube上看的一个视频, 感觉到很受用, 所以把视频的要点进行翻译,供您参考!
-
原YouTube视频：Web Development In 2017 - A Practical Guide
-
强烈推荐该YouTube频道 :Traversy Media
