WEB前端

admin 3162浏览

前端开发学习路线:前端开发技能全覆盖 - HTML / CSS / JavaScript / jQuery / Vue / React / Angular / NodeJS

↳拓展阅读;如何学习JavaScript和windows快捷键[1]前端开发学习指南[2]

阶段1:HTML+CSS

学习前要求:基本的计算机操作能力,比如浏览网页、查资料等,以及坚持学习的决心和恒心。

学习后将掌握:可以使用HTML和CSS制作静态网页。

  1. HTML 入门与实战
  2. CSS 快速掌握
  3. HTML5 新特性学习

阶段2:JavaScript

学习前要求:熟练应用HTML和CSS。

学习后将掌握:前端开发最核心的技能JavaScript,以及jQuery和Ajax。

  1. JavaScript 入门与实战
  2. jQuery 快速入门
  3. Ajax 入门与实战

阶段3:开发工具

学习前要求:能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。

学习后将掌握:前端开发团队协作常用的版本控制工具SVN、Git,以及项目构建工具Webpack的使用方法。

  1. 1小时掌握版本控制系统 SVN
  2. Git 快速上手
  3. 前端自动化构建工具 Webpack

阶段4:前端框架

学习前要求:能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。

学习后将掌握:Vue.js、React、AngularJS三大神器,以及响应式框架Bootstrap,让你的前端开发工作如有神助!

  1. Vue.js 入门与实战
  2. React 入门与实战
  3. AngularJS 快速入门
  4. Bootstrap 快速入门

阶段5:移动及服务端开发

学习前要求:PC端的前端开发技能已经炉火纯青。

学习后将掌握:基于移动设备的Web前端开发技能,以及Node.js服务器端开发技能。

  1. 移动Web前端开发
  2. Node.js 快速入门与实战

2022-12-4更新各类程序员学习路线图

程序猿是一种非常特殊的、可以从事程序开发、维护的动物。一般分为程序设计猿和程序编码猿,但两者的界限并不非常清楚,都可以进行开发、维护工作。参考: 菜鸟教程|各类程序员学习路线图(www.runoob.com/coder-learn-path)

前端工程师

  1. 基础:HTML教程CSS教程
  2. 进阶:JavascriptjQuery
  3. 高级:AJAX 教程JSON 教程XML 教程Vue 教程React 教程
  4. 框架扩展学习:Bootstrap 教程jQuery UI 教程jQuery EasyUI 教程jQuery Mobile 教程
  5. 调试工具:Firebug 教程
  6. 开发工具:HBuilder,Dreamweaver,VSCode,Photoshop

PHP工程师

  1. 基础:HTML教程PHP 教程
  2. 进阶:SQL 教程MySQL 教程
  3. 高级:正则表达式教程Mongodb教程AJAX 教程JSON 教程XML 教程
  4. 开发工具:VSCode,phpMyAdmin,EasyEclipse for PHP

Python工程师

  1. 基础:Python 教程
  2. 进阶:SQL 教程MySQL 教程
  3. 高级:正则表达式教程Mongodb教程AJAX 教程JSON 教程XML 教程
  4. 开发工具:PyDev for Eclipse

.NET工程师

  1. 基础:C# 教程ASP.NET 教程
  2. 进阶:SQL 教程
  3. 高级:正则表达式教程Mongodb教程AJAX 教程JSON 教程XML 教程
  4. 开发工具:visual studio 2010

JAVA工程师

  1. 基础:Java 教程JSP 教程
  2. 进阶:SQL 教程MySQL 教程
  3. 高级:正则表达式教程Mongodb教程AJAX 教程JSON 教程XML 教程
  4. 开发工具:Eclipse

ASP工程师

ASP 现在应该比较少用,建议学习路线为:HTML教程ASP 教程SQL 教程