前言

今天突发奇想找一下前端的学习路线，毕竟也是前端出身的

（unity客户端也是游戏前端不是吗）

推荐文章

【干货】前端学习路线分享！写了个网站帮助你学习前端！_哔哩哔哩_bilibili

前端学习路线 (objtube.github.io)

前端学习路线（很长，建议收藏） - 知乎 (zhihu.com)

看到一个网友的评论

  • 第一步: 掌握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框架

  • 第四步:搭建一个基础网站:
    获取一个虚拟主机账户(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/ MongoDB

  • 第十步: 需要学习的一些端技术
    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语言