zoukankan      html  css  js  c++  java
  • 前端学习路线指南

    第一步: 掌握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语言

  • 相关阅读:
    托付和事件的使用
    在使用supervisord 管理tomcat时遇到的小问题
    无法安装vmware tools的解决方PLEASE WAIT! VMware Tools is currently being installed on your system. Dependin
    (转)Openlayers 2.X加载高德地图
    (转)openlayers实现在线编辑
    (转) Arcgis for js加载百度地图
    (转)Arcgis for js加载天地图
    (转) 基于Arcgis for Js的web GIS数据在线采集简介
    (转) Arcgis for js之WKT和GEOMETRY的相互转换
    (转)Arcgis for Js之Graphiclayer扩展详解
  • 原文地址:https://www.cnblogs.com/dashucoding/p/14186063.html
Copyright © 2011-2022 走看看