web前端10个新⼿项⽬列表，学完即可上⼿做项⽬
这篇⽂章是我推荐给⼤家有想法学习前端，或者已经开始琢磨web前端的⼩伙伴们的。
之前就有很多朋友跟我说，学习编程学习前端的时候，总是摸不清头脑，⼀⼤推问题需要解决，种种书籍需要去啃，字符、单词都需要去记。就感觉要费上很多时间，居然担忧青春饭是否能吃到？
实际上，是很少有⾃⼰做过项⽬，或者没有⾃⼰做过。凡事都是从0到1的过程，从1到100就⾮常简单了
⼩编为各位想加⼊程序员⼤军，加⼊前端的朋友们整理了三⼗个实战项⽬列表，有⾮常详细的教程。选择⼏个进⾏学习，或者发挥⾃⼰的想象去完成⾃⼰的项⽬
项⽬列表：
项⽬⼀：PC端⽹站布局
所含知识点：HTML基础，CSS基础，CSS核⼼属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽⾼⾃适度，定位，锚点与透明，图⽚整合，表格，CSS属性与滤镜
项⽬⼆：HTML5+CSS3基础项⽬
所含知识点：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，⽂字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计
项⽬三：WebApp页⾯布局项⽬
所含知识点：移动端页⾯设计规范，移动端切图，⽂字流式/控件弹性/图⽚等⽐例/特殊设计的100%布局，等⽐缩放布
局，viewport/meta，rem/vw的使⽤，flexbox详解，移动web特别样式处理（reset, 1px border, ⾼清图⽚）
项⽬四：原⽣Java交互功能开发项⽬
所含知识点：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，⾯向对象基础，运动与游戏开发
项⽬五：⾯向对象进阶与ES5/ES6应⽤项⽬
所含知识点：Promise/A+，设计模式（观察者模式等），原型链，构造函数，执⾏上下⽂栈与执⾏上下⽂，变量对象与活动对象，作⽤域链，闭包，this，ES5，ES6
项⽬六：Java⼯具库⾃主研发项⽬
所含知识点：DOM库，事件库，AJAX库，原型和继承库，MVVM核⼼库，基于SPA的路由库
项⽬七：jQuery经典交互特效开发
所含知识点：时间轴特效，tab页⾯切换效果，⽹页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果，抽奖效果
项⽬⼋：PHP+MySQL后端基础项⽬
所含知识点：PHP，MySQL，HTTP(s)协议详解，Ajax进阶、跨域与Defered，Apache与Nginx 环境搭建与配置，接⼝的定义，Mock 数据，Restful，前后端联调，前端安全(XSS,CSRF,JSON注⼊)
项⽬九：前端⼯程化与模块化应⽤项⽬
所含知识点：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化
项⽬⼗：PC端全栈开发项⽬
所含知识点：⼤⾸页、列表页与详情页展⽰与交互特效、搜索、登录与注册、购物车、jQueryUI 与 jQ
uery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平台系统前端
jquery在项目里是干啥的如有侵权，请联系我删除，谢谢⼤家

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。