从零基础小白到大前端全栈来了

　　随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的UI，java，或完全零基础，想学习的前端。那么话不多说，直接上干货，希望能帮助到大家。

 

　　2019年，JetBrains 发起了其标准的年度调查项目，开发人员生态系统调查 （The Developer Ecosystem 2018）。该项调查不仅揭示了不同编程语言的流行趋势，并且从开发人员的角度反映了他们的个人偏好。调查由浅入深，从一般性的问题开始，并逐渐延伸至各领域的科技趋势。

 

　　回顾全球现状，我们发现了一些有趣的现象：64% 的受访者选择 JavaScript 作为他们最常用的编程语言。根据开发者生态系统 2018 的调查数据，排名前三的编程语言分别是：Java （72%）、JavaScript （41%）、Python （36%）

 

　　js是前端的核心，不会js更别说会前端，从2012年至今，“Web前端工程师”的需求持续走高，薪酬也是水涨船高，所以，有不少人立志要成为前端开发工程师。

 

　　据统计，我国HTML5前端工程师人员的缺口将达到10多万，因此，Web前端工程师是一个非常有“钱”途的职业，并且薪酬会根据技能的深入而有不同程度的增长，其中北京、上海、广州、深圳等地前端工程师的薪资待遇更是一路飙升。

 

　　通过职友集对全国168117份样本调研数据统计，web前端开发工程师平均月薪10400。按照工作经验来统计的计算的话，应届生工资￥4280，1-3年工资￥8770，3-5年工资￥12910，5-10年工资￥19730。从这薪资可以看出，程序员的确是一个高薪行业啊，同其他行业同年限员工相比，薪资至少会高出四分之一。

 

　　一、HTML基础

 

　　1、HTML介绍

 

　　2、HTML全局架构标签

 

　　3、HTML常用标签

 

　　二、CSS基础

 

　　1、css层叠样式表介绍

 

　　2、css层叠样式表选择器

 

　　3、css层叠样式表选择器优先级问题

 

　　4、css层叠样式表核心属性

 

　　三、CSS高级

 

　　1、css层叠样式表浮动

 

　　2、css层叠样式表盒子模型

 

　　3、css层叠样式表背景图定位

 

　　4、css样式重置

 

　　5、CSS项目实战

 

　　四、元素类型

 

　　1、元素类型

 

　　2、锚点链接

 

　　3、图片整合

 

　　4、定位锚点透明

 

　　五、PC端项目宽高自适应和浏览器兼容

 

　　1、宽度自适应

 

　　2、浏览器兼容

 

　　3、表单表格高级

 

　　4、PC端项目宽高自适应

 

　　5、表格表单的高级应用和浏览器兼容

 

　　六、HTML5+CSS3

 

　　1、HTML5新增标签

 

　　2、CSS选择器

 

　　3、服务器端字体

 

　　4、CSS新增属性

 

　　七、JS基本语法

 

　　1、js历史

 

　　2、script标签

 

　　3、变量详解

 

　　4、自动数据类型转换

 

　　5、强制数据类型转换

 

　　6、表达式和赋值运算符

 

　　7、一元运算符

 

　　8、关系运算符

 

　　9、逻辑运算符

 

　　10、进制转换

 

　　八、jQuery

 

　　1、简介

 

　　2、html_val

 

　　3、jQuery_全选框

 

　　4、动画

 

　　5、节点遍历

 

　　6、jQuery_ajax

 

　　7、jQuery_jsonp

 

　　8、jQuery_multiple

 

　　9、jQuery_plugin

 

　　10、jQuery_plugin_magnifier

 

　　九、PHP

 

　　1、PHP_环境安装

 

　　2、IP和Port

 

　　3、helloworld

 

　　4、定义变量

 

　　5、变量类型

 

　　6、PHP_循环

 

　　7、ajax_json

 

　　十、H5+C3页面重构

 

　　1、HTML+CSS基础编程

 

　　2、京东商城网页重构

 

　　3、HTML+CSS新特性解读

 

　　4、京东商城H5+CSS3网页重构

 

　　5、移动端布局及自适应

 

　　6、腾讯新闻手机端布局

 

　　十一、JS基础编程实战

 

　　1、JS基础语法及案例

 

　　2、JS经典案例

 

　　3、H5新API及案例

 

　　4、C3动画效果

 

　　5、腾讯视频网站开发

 

　　6、Ajax编程

 

　　十二、JS高级编程实战

 

　　1、JS面向对象编程及案例

 

　　2、JS设计模式

 

　　3、新浪微博网站

 

　　4、ES6高级编程

 

　　5、Ajax和Promise编程

 

　　十三、混合框架

 

　　1、jQuery基础操作

 

　　2、jQuery高级操作

 

　　3、jQuery高手过招

 

　　4、BootStrap4

 

　　5、Less&Sass编程

 

　　6、Git及团队项目开发流程

 

　　7、WebPack项目构建

 

　　8、模块化开发

 

　　9、豆瓣项目实战

 

　　10、前端项目安全专题解析

 

　　十四、流行高级框架

 

　　1、Vue基础使用

 

　　2、Vue高级使用

 

　　3、Vuex状态管理

 

　　4、拉勾网App项目实战

 

　　5、React高级编程

 

　　6、Flux的概念及应用

 

　　7、Redux高级编程

 

　　8、Angular框架实战

 

　　9、网易云音乐App项目实战

 

　　10、TypeScript高级编程

 

　　11、TypeScript构建

 

　　12、ReactNative构建微信App应用

 

　　十五、NodeJS全栈开发

 

　　1、Node基础编程

 

　　2、Node高级编程

 

　　3、MySQL数据库

 

　　4、Node+MySQL数据库实战

 

　　5、MongoDB数据库

 

　　6、Node+MongoDB数据库实战

 

　　7、Express+EJS框架深入浅出

 

　　8、接口设计+网易云音乐API设计

 

　　9、Koa2框架深入浅出

 

　　10、Addonis框架深入浅出

 

　　11、服务端同构技术

 

　　十六、跨平台APP开发

 

　　1、Weex开发跨平台应用

 

　　2、Flutter开发Android应用

 

　　3、Electron跨平台开发

 

　　4、构建闲鱼客户端App+Node接口开发

 

　　十七、微信开发

 

　　1、微信公众号开发

 

　　2、微信登录、支付开发

 

　　3、微信小程序开发

 

　　4、Wepy小程序开发框架

 

　　5、打造拼多多小程序

 

　　十八、大数据可视化

 

　　1、Echarts

 

　　2、hightCharts

 

　　3、D3.js

 

　　4、大数据分析平台构建天眼系统

 

　　从事前端6年，一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流qun：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。整理了一份最新最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。