作为一名Web前端开发人员和设计师，2018告诉你如何正确的学习前端 - 好文

第一步: 掌握HTML/CSS

*
这是你最初必须掌握的

*
是网站的构建元素

*
没得选!

*
随着你前端的学习进程,熟练掌握

*
HTML/CSS简单易学

*

这里还是要推荐下小编的web前端学习群:606加721加798，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份2最新的web前端资料和0基础入门教程，欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。

第二步: 学会使用基础工具

*
文本编辑器: Notepad2 / Sublime Text / http://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框架

第四步:搭建一个基础网站:

*
获取一个虚拟主机账户(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

第八步: 服务器端编程语言(专注于一个!)

*
PHP(不是最好的语言,但是是最可靠的服务器端语言)

*
Node.js(一款新型, 强大的后台语言)

*
Ruby on Rails (最好的框架,但已经到了瓶颈期)

*
Python(简单易学,但相对于主流语言并不流行)——可现在AI的爆红导致Python最近很火!

第九步: 数据库(专注于一个!)

*
关系型数据库: MySQL 和 PostgreSQL

*
非机构化数据库: MongoDB 和 CouchDB

*
建议选择一个以下的组合:

*
PHP/ MySQL

*
Node.js/ Mongola

第十步: 需要学习的一些端技术

*
Git & Github

*
SSH(安全外壳协议) & Basic Command Line

*
CSS 预编译器: Sass/Less

*
APIS / REST Service

*
HTTPS / SSL

第十一步: 部署应用

*
专用服务器/ VPS

*
应用云平台: Heroku, Digital Ocean, AWS

*
部署工具

*
Linux命令行

*
维护和升级

第十二步:恭喜你,你现在成为一名网页开发者了!

*
能够创造出网页引用

*
能构建后端APIs

*
能连接服务器

*
能够管理数据库

*
你的选择: 得到一份很好的工作 / 成为自由职业者 / 开始一项事业

第十三步:编程框架

*
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

第十六步:现阶段,现在你需要考虑什么?

*
专注于你的事业

*
回去学习更多的数据结构

*
跟进现在的新技术

*
学习一门高级语言,类似于Java, C语言

热门工具换一换