前端学习过程(不断更新)

时间:2021-09-20 13:55:23

第一阶段:基础学习

主要学习前端的三大组成部分:html、css、javascript

HTML&CSS

1. 入门:W3school菜鸟教程上,学习一些基础知识,手写上面的小测试进行练习。
2. 阅读书籍:

  • 初级:《Head first HTML&CSS》、《HTML5+CSS3网页设计入门必读》
  • 中级:
    • 《精通CSS:高级Web标准解决方案》
    • 《HTML5秘籍》
    • 《CSS3秘籍》
    • 《图解CSS3:核心技术与案例实践》
  • 高级:《CSS禅意花园》

JAVASCRIPT

1. 入门:JavaScript | MDN上,进行在线学习。
2. 阅读书籍:

  • 初级:《JavaScript DOM编程艺术》
  • 中级:《JavaScript高级程序设计》、《JavaScript语言精粹》、《JavaScript权威指南》、《高性能JavaScript》
  • 高级:《JavaScript设计模式》、《基于MVC的JavaScript Web富应用开发》

注:扩展阅读

  • 《高性能网站建设指南》(及其续篇《高性能网站进阶》)
  • 《Head First Ajax》
  • 《锋利的jQuery》
  • 《数据结构和算法的JavaScript描述》
    作为程序员如果连基本的数据结构和排序、查找算法都不会实在丢脸。

实战

为找工作做准备

  • 酷炫的在线简历
  • 5个整站的psd(不同类型)分别写成5个网站
    • 代码规范
    • 兼容性
    • js性能
    • 与设计相符
  • js的demo(多多益善)

第二阶段:框架学习

一、必需框架:

  • jQuery
  • Boostrap

二、构建框架

  • lessjs
  • requirejs
  • gulp
  • angularjs

第三阶段:后端学习

  • nodejs
  • PHP
  • http协议、后端开发流程

第四阶段:拓展学习

  • json
  • git
  • svn
  • powershell
  • MySQL
  • Linux