小白学Web之Web前端

　   编程学习网：即使你是Web学习小白，也可以简单入门，下面一起学习一下Web前端的几大阶段。

       零基础学习Web前端的几大阶段：　

      根据 Web前端工程师技能点图，分为四个阶段：

　　第一阶段：前端基础

　　(HTML / CSS / Javascript / jQuery)

　　初识HTML+CSS

　　【学习笔记】HTML基础完结篇

　　html基础知识——标签详解

　　html基础知识——与用户交互!(表单标签)

　　html基础知识——css样式①

　　史上最全Html和CSS布局技巧

　　面试题汇总 HTML+CSS篇

　　CSS 最核心的几个概念

　　纯HTML+CSS+JavaScript编写的计算器应用

　　更快学习 JavaScript 的 6 个思维技巧

　　Javascript操作DOM常用API总结

　　彻底理解JavaScript原型

　　JavaScript优化篇1-Loading and Execution 加载和运行

　　我们到底需不需要 jQuery

　　前端开发者都应知道的 jQuery 小技巧

　　每个程序员都会的 35 个 jQuery 小技巧

　　教学目标：从前端基础入门知识学起，掌握基本的HTML+CSS网页布局，以

　　及简单的JS特效，最终可以独立开发出前端PC网页。

　　第二阶段：响应式、移动基础

　　(HTML5 / CSS3/ 移动基础/ 响应式/ Bootstrap)

　　HTML5之元素与标签结构

　　基于HTML5和CSS3构建3D模型

　　10个最常见的 HTML5 面试题及答案

　　9款超绚丽的HTML5/CSS3应用和动画特效

　　移动手机平台的HTML5前端优化指南

　　一张思维导图搞定CSS3全部新特性

　　纯CSS3画出小黄人并实现动画效果

　　CSS3动画开发指南之逐帧动画

　　三分钟学会用 js + css3 打造酷炫3D相册

　　响应式布局的三大要点

　　响应式web设计

　　响应式开发之图片响应式实战

　　bootstrap学习总结，常看

　　基于SSM+Shiro+Redis+Bootstrap的超市管理系统(电商网站)

　　教学目标：使用H5+CSS3实现网页动态特效，通过Bootstrap框架学习，从

　　原生编码过渡到框架使用，更高效的开发出适配各个设备的响应

　　式网页。

　　第三阶段：组件化思想

　　(HTML5进阶/ 组件化)

　　学习html5存储数据和缓存

　　HTML5学习–SVG全攻略(基础篇)

　　HTML5学习–SVG全攻略(进阶篇)

　　canvas实现 漂亮的下雨效果

　　[Canvas前端游戏开发]——FlappyBird详解

　　canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战

　　吐槽前端组件化的踩坑之路

　　教你打造一个Android组件化开发框架

　　微信小程序组件化(上)

　　微信小程序组件化(下)

　　教学目标：学会H5进阶内容：svg、canvas、H5存储、拖拽上传等，对JS、

　　jQuery进行提升，学习企业开发模式——组件化开发,在企业项目

　　团队中协同合作，实现“高内聚、低耦合”的网页搭建。

　　第四阶段：前端热门框架Vue、Web App

　　(Vue/ ES6/ 打包工具webpack/ WebApp)

　　当 better-scroll 遇见 Vue

　　Vuex 2.0 源码分析(上)

　　Vuex 2.0 源码分析(中)

　　Vuex 2.0 源码分析(下)

　　滴滴 webapp 5.0 Vue 2.0 重构经验分享

　　Vue-cli 3.0 初体验 !

　　说说ES6那些事儿–ES6十问

　　用 ES6 畅快地写 JavaScript

　　深入ES6 四 字符串的括展

　　ES6系列文章 Promise

　　Webpack模块打包飞行手册

　　WebPack在项目配置中的探索

　　Web APP开发技巧总结

　　教学目标：学习JS的最新版本ES6，前端流行框架Vue.js， 结合最流行的打

　　包工具Webpack，掌握一个项目上线前的所有开发流程，真正成

　　为一个能够满足企业需求的前端工程师。

     小编：掌握正确的学习方法，是学习的捷径之一，掌握好的学习资料是学习的又一捷径，想要获得更多的学习内容，请点击编程学习网提供的相关链接。