近几年IT行业的web前端真可谓是火了一把,各类的互联网企业更是对其特别的钟爱。也正是在这样的市场大环境下,目前web前端工程师可谓是高薪资、高福利的岗位。也正是在这些福利薪资的“诱惑”下,学习web前端的人员越来越多,但是在web前端的学习过程中如果没有一份良好的学习路线,那是万万不可的。今天华清远见的讲师就为大家分享一份完整的web前端学习路线图。
(备注:这份路线图主要集中了目前火的HTML5相关课程)如图:
课程阶段、目标及实战案例 | 整体目标 | 阶段目标 | 实战案例 |
Web页面制作基础 | 掌握传统pc端网页布局和制作 |
精通掌握 HTML5 的应用 掌握 CSS 在开发中的使用 学会页面标准化布局技术 |
高防大型网站的模板: 门户网站主要模板(新浪) 商城全部模板(京东) |
UI网站设计 | 掌握页面设计和原型图制作 |
掌握标准化布局中的各项技术 能独立设计具有创意、符合需求的 web 界面 能够独立设计出手机移动网站 掌握页面设计和原型图制作 |
独立完成一个大型网站的全站模板设计(WEB 页面和移动界面各一套), 包括静态图片和原型图。 |
编程基础技术 | js 完成一些常见网页特效开发 |
掌握 JS 基本语法与流程控制相关操作 使用 JS 结合 HTML 实现代表性的 JS 特效制作 可以独立完成网页中常见特效的编写、 以及第三方特效插件的使用 |
结合js实现动态页面京东,淘宝,腾讯视频 |
后端开发技术 | 了解 WEB 服务器工作原理,并可以简单的搭建自己的应用程序服务器端 |
掌握 HTTP 与 WEB 工作原理 掌握 Socket 长连接实时网络通信技术 掌握 NoSQL 中的 MongoDB 的应用 了解 PHP 语法;了解 MySQL 数据库的基本操作 |
京东,淘宝,腾讯视频 |
移动互联网应用 | 掌握现在主流的页面制作技术, 可以完微网站的制作,并可以做到多设备兼容 |
掌握 HTML5 新增智能表单的使用,制作播放器对搜索引擎优化进行讲解,掌握优化的各种方式 掌握响应式页面布局技术 掌握微网站的开发过程及开发移动端web应用 |
饿了么,华侨城 仿北京银行 仿太平洋保险,仿微信 |
特效开发高级实战 | 通过实际项目开发,精通前端常用框架的实际应用及问题解决,以及常见特效开发、前后台交互开发 |
利用 jQuery 框架进行 js 特效开发 掌握 jQuery Mobile 的应用开发移动应用程序 掌握 Bootstrap 的使用 掌握 AngularJS 框架应用 |
京东商城 |
企业级应用开发 | 能够独立使用 HTML5 完成 APP 开发制作 |
使用 web 制作 LBS 应用程序;在应用中使用多线程技术完成 UI 交互与数据处理并行 了解和掌握 PhoneGap 的安装和操作,能够使用 PhoneGap 进行封装,实现跨平台的应用 了解和掌握触屏和手势相关的事件使用方式,能够通过媒体查询和多列布局属性实现屏幕自适应,实现响应式布局 了解和掌握不同的设计模式以及其适合的企业 APP,并且能够将其应用在程序设计中 |
腾迅视频,京东商城,华清官网,完成四维一体综合项目(PC端,移动端,微信端,混合APP) |
除了一份详细的课程路线图之外,我们还需要有良好的学习方法。例如:
首先在学习的过程中态度一定要端正,不管在学习中遇到什么困难都要及时的去解决;通常根据web前端的课程设置web前端安排的学习时间在四个月到五个月的时间,这段时间一定要脚踏实地的学好每一个知识点,一定以持之以恒的毅力坚持下去;其次,web前端的学习会涉及到很多的代码,在代码的学习过程中一定要养成良好的代码书写规范,还有一点就是学习的过程中不要眼高手低,不要觉得课上老师演示一遍自己就会了,因为会了不等于掌握了,要想真正的掌握这些知识,就要利用平时的课下时间勤加练习。后一点,就是按照我们的学习路线图制订一份详细的学习计划,按照这份学习计划逐个完成自己的目标。
其实,web前端相对于后台等其他的IT知识而言,是比较简单的。在学习的过程中掌握一定的学习路线和学习方法。终,一定可以收获一片“蓝天”的。
热点新闻