本博客的学习目的主要是为记录学习过程的疑惑点或者自己认为比较重要的内容,没有系统性,也算留下一些学习痕迹吧
学习路线:
- 一、准备篇
- 1、开发工具的安装、配置
- sublime、webstorm、Visual Studio Code
- 2、HTML
- 理解如何浏览和创建网页、基本的语法规范、网页之间的链接与跳转、标签节点层级节点
- 3、CSS
- 基本语法、盒子模型的高级用法、常用布局模型
- 4、JavaScript入门
- 基础语法和变量、数据类型转换、分支与循环
- 函数、数组等内置对象
- 5、京东首页实战
- CSS代码抽象与复用、浮动的盒子模型、层级的使用、定位特性的各种使用场景
- 1、开发工具的安装、配置
- 二、基础篇
- 1、JavaScript基础
- JS语言的基本构成、变量与表达式、数据类型、语句结构、函数基础
- 2、DOM+BOM
- 节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能
- 3、网页特效与进阶
- 在网页特效中常用的编程接口、动画编程与事件、缓动框架封装与应用、正则表达式及应用
- 4、jQuery
- 选择器、常用API、插件机制、原理分析、项目实战
- 1、JavaScript基础
- 三、核心篇
- 1、HTML5+CSS3
- 语义化结构、其他常见API、CSS3选择器和新属性、CSS3过渡和动画、CSS3伸缩布局
- 2、服务端编程
- 端的概念、Web服务器的概念、XML与JSON
- 3、PHP
- PHP基础语法、PHP服务器编程基础
- 4、AJAX
- 异步数据交互、模板引擎的使用、跨域的实现方案
- 5、移动Web开发
- 响应式布局、Bootstrap框架剖析、Zepto.js库、预编译CSS
- 1、HTML5+CSS3
- 四、进阶篇
- 1、面向对象在JS中的体现与实践
- 面向对象理论、对象的基本概念、对象的属性和方法
- 2、开发过程中常用的模式与思想
- 开闭原则、MVC思想、高内聚低耦合、工厂模式
- 3、JavaScript高级特性
- 通过构造函数创建对象、原型对象和原型链、继承的多种实现方式、函数的本质以及Function构造函数、作用域链、闭包
- 4、封装自己的框架
- 选择器框架、CSS操作封装、属性操作封装、其他DOM操作的封装
- 1、面向对象在JS中的体现与实践
- 五、高级篇
- 1、前端工作流
- 自动化流程工具的使用、源代码版本控制、依赖项管理工具、项目模板脚手架
- 2、流行框架
- Angular.JS基本使用、Angular.JS高级特性、Vue.JS基本入门和路由、项目实战:豆瓣电影
- 3、模块化开发
- 模块化开发规范、常用的模块化开发工具、Require.JS和Sea.JS、AMD/CMD、统一规范UMD
- 4、Node.JS
- Node.JS介绍、基本操作、常用内置模块、高级特性、常用框架
- 1、前端工作流
- 六、移动APP开发
- 1、混合式应用开发
- 混合式平台架构、混合式开发实践、京东APP端实战
- 2、微信开发
- 微信公众号介绍、平台API对接、X5兼容处理、内置接口
- 3、React
- 组件化思想、核心特性、JSX、TODOMVC案例
- 4、React Native
- 环境与工具、常用组件与插件、综合案例:豆瓣电影
- 5、其他移动APP开发框架
- PhoneGap、AppCan、HTML5+、Framework7
- 1、混合式应用开发
1、工具选择:
(1)编辑器选择 VSCODE,为了保持一致性,快捷键映射为webstorm,但是目前不清楚映射是否完整;
(2)浏览器选择 chrome