“技”多不压身 Web前端开发学习技能路线图
一专多能  多模块路径任你组合学习
模块一
Web前端必备技能
学习目标:
学习前端开发必备技能,既能PS图片手到擒来,做个简单的页面设计、前端切个图,都是分分钟的事。同时,还能掌握前端开发的基本技能,使用HTML+CSS布局并制作精美的网页
...
项目案例:
使用HTML+CSS技能完成1号店首页的制作,掌握网页布局和制作;
使用CSS3完成QQ会员页面的制作,掌握CSS3中的渐变、过渡、动画等高级CSS3的综合应用
模块二
Web前端开发基础
学习目标:
能够使用JavaScript和jQuery实现网页特效和表单验证,制作精美的商业网站
...
项目案例:
使用JavaScript制作手风琴画册,掌握JavaScript操作页面元素,能够制作网页高级特效;
完成见缝插针游戏和QQ彩贝页面的制作,掌握使用Canvas开发小游戏的应用,并且熟练应用JavaScript完成页面瀑布流等特效;
制作PC端爱旅行网,综合使用HTML5+CSS3+JS/jQuery等内容制作大型的旅游商业平台
模块三
移动端开发
学习目标:
轻松地进行移动端网页的布局,熟练使用zepto制作移动端网页
...
项目案例:
制作新浪云页面,掌握使用BootStrap制作多平台适配的移动端页面;
制作爱旅行APP,综合使用HTML5、CSS3、Flex布局等技术实现商业旅游APP平台,掌握移动端网页制作的流程、规范和技术,为走进企业开发打下坚实的基础
模块四
Web前端高级开发
学习目标:
能够使用框架、模块化开发思想、插件等技术快速搭建商业网站
...
项目案例:
使用React制作爱旅行网,综合使用前端技能及React完成企业真实的旅游平台;
制作大麦网,综合使用Vue全家桶+ES6+axios+Webpack+node+git+snail mock+mockJS等技能实现综合项目,使其具备工程化、组件化开发项目经验
模块五
微信小程序开发
学习目标:
了解微信小游戏开发,掌握微信小程序开发过程常用组件、API等技能,掌握微信小程序上线流程
...
项目案例:
听歌曲猜歌名,结合第三方mock数据完成音频的播放,利用SOS唤起转发功能,将小程序分享给好友;
豆瓣电影,掌握以nodejs做服务端支持,通过mock和nodejs两种方式输出数据,构建小程序的首页、详情、列表、搜索等功能,了解全栈开发过程;
海底大冲关,基于原生小游戏开发出来的一款益智类小游戏,将学会如何控制画面效果及碰撞检测等技能,具备独立开发一款小游戏的能力;
盒马生鲜,是一个电商类的小程序,将学会利用mock技术实现数据传递,利用小程序与线下门店结合,助力门店提升用户体验和更多的流量变现
模块六
Web全栈开发
学习目标:
使用MySQL数据库,结合Python、Django实现动态网站的开发
...
项目案例:
爬取招聘网站数据,了解Python爬虫的原理,能使用相关技术实现简单的爬虫功能
模块七
前端网站优化
学习目标:
1、能够掌握前端页面优化方法,提升自身代码质量,在加载速度、性能上都有更好的用户体验
2、掌握SEO各种常用技巧,并了解网站安全相关内容
模块八
前端开发就业指导
学习目标:
1、迈入职场前,从职场礼仪、电话礼仪、简历开始,并通过企业面试题的积累,塑造一个完美准职业人
2、熟悉常见的面试题以及基本的面试技巧,为找到一个理想的工作做好充足的准备
项目证明实力  全方位出“彩”
  • 海底大冲关
    项目介绍
    海底大冲关是基于原生小游戏所开发出来的一款益智类小游戏,通过控制小鱼的移动,躲避障碍物进行闯关。通过该项目让大家Get到小游戏的开发全过程,同时具备自己开发一个新的小游戏出来的能力。
    扫一扫 玩一玩
  • 盒马生鲜
    项目介绍
    盒马生鲜为一个电商类的小程序项目,实现商品列表、详情、加入购物车等功能。数据通过mock的形式来完成。通过该项目不仅Get到WXML+WXSS+JS技能,还具备了使用小程序原生API开发项目的能力。
  • 爱旅行
    项目介绍
    爱旅行是一款旅游网络平台,包括旅游套餐,折扣机票,度假酒店等。此项目以React框架为技术主线,实现了爱旅行项目在PC端展示,使用移动端的开发技术实现了在手机上展示网页果,实现了在PC端以及移动端的完美适配。
    扫一扫 玩一玩
  • 大麦网
    项目介绍
    大麦网是一个大型的购票电商项目,项目融合了一个完整的业务流程,从用户的登录注册,到最终的购票成功微信支付环节。项目使用的是当前企业流行的Vue框架开发,使用前后端分离思想,采用目前流行、实用的node、npm、Webpack、ES6、vuex、vue-router等技术,采用GitHub作为代码管理工具,结合第三方地图API实现定位及地图绘制,还会从易到难的教会大家组件的封装使用。让大家具备工程化、组件化开发项目经验。
关闭
关闭

了解
畅学卡

手机端
学习