400-969-7660
首页 > IT培训 > web前端开发培训教程

web前端开发培训教程

2019-10-30 14:14:08 发布

这个问题我不会给你讲一些不切实际的定义或者前端历史,或者一些你看不懂听不懂的玄学,我之前做讲师的第一准则是:好好说话,说学生能听懂能有点儿收获的话。下面我来说下怎么零基础学习web前端。

1.先说一下学习完web前端之后能干什么
学完web前端之后你可以开发网页,做h5动画,做手机端app,可以做自己的博客网站,可以做微信公众号开发,可以开发小程序,可以结合nwjs做电脑客户端软件:比如微信的pc版,钉钉的pc版 都是web前端来做的

2.怎么开始学习
两条路:自学或者找培训班,找培训班的话,我推荐达内和传智播客,在国内讲师质量都比较高。这块我们一点就过,我主要讲下怎么去自学。
对于自学最直接的方式就是看视频学习,可以是在线视频,比如 慕课网,麦子学院,极客学院,北风网都有从入门到精通的前端课程,这些视频都差不多,随便选一套就行,入门课程都一样,不用纠结于选哪一个。
视频找好了之后,如果你不想中途放弃,或者,浪费太多时间又没效果的话。就找找一个引路人,引路人当然是能力越强越好,找引路人的目的在于为你制定学习计划,把控学习质量,及时纠正错误的学习方向,教你正确的学习方式。给你做心理辅导。为你及时打气持续性补充你的信心。
我之前接触和辅导过很多自学的学生,有成功的也有放弃的,放弃的那些同学基本都是输在错误的学习思路和心理迷茫期。听他们抱怨说:没有人去指导他们,每天学完就学完了,第二天接着学,但是东西太乱都串不起来,也都不知道是干嘛用的,尤其是js部分,这种问题完全可以把一个人摧毁!所以 我一直对我的学生强调:有问题一定要去问,去解决,千万不要不懂装懂,弄明白了再往下走,人的心理是很脆弱的,一旦倒了可能就再也站不起来了。敬告各位新入行的同学,除非你之前有过编程经验,不然就找个引路人指导你。
3.列一个学习大纲
01.环境搭建
前端环境很好搭建,一个开发工具即可,webstorm,hbuilder,vscode,sublime。初学者建议sublime 也不要装插件,没有语法提示,可以打基础
02.html基础
带你去认识html,让你学习去运行html,等浏览器上面打开你的页面的时候,你会有很强的成就感,然后开始学习html的基础标签
03.css基础
html是勾勒,css是染色,基础的css学完你会有种想写页面的冲动,这时候你不用抑制住那种感觉,直接按照自己所想开写,这是你的第一个项目
04,js基础
js是页面的逻辑,作为一个web前端工程师,js是很核心的部分,也是很难的部分。js的学习之后放长一些,尤其是前一周,要让自己去熟悉那种语法环境,培养自己的开发思路,而且有一点就是学完一个星期的知识之后,及时和你的指引人沟通,看卡自己的理解是否有误,还有就是学习思路是否有问题,他会给你指出那些东西需要多学习,哪些不常用,还有就是给你点一下你学的这些在项目中会是怎么去应用,理论联系实际是最好的学习方式。
05.纯js操作dom和jquery
这阶段要知道怎么去用js来更改页面的元素,怎么去写dom事件,经过一番联系后,再引入jquery,不要本末倒置,有个同学学完jquery之后说发誓以后再不用原生js操作dom!然后被我狠狠骂了一顿
06,开始你的ui框架之旅
这个阶段我推荐从bootstrap开始,这个框架很经典,响应式的珊格系统被后来框架一直沿用,在我线下教学的那几年,我都会带着学生一起看bootstrap的源码,让他们学会这种设计思想,因为之后对他们太有用了,当时他们很痛苦,现在他们说起来觉得很受益,如果可以,你也要去看看源码,先学会去定制bootstrap,公司注重二次开发,定制 bootstrap正好可以练手。
07.开始深入css3
基础学完css3要提上日程,这时你会看到不一样的世界
08.深入js
这阶段你就要去解读原型链,原型替换,this指向,es6,es7的新语法,
09.学一套主流mv*框架
vue,react,angular2选一种,
我建议从vue开始,react的jsx语法不适合你入门去学习,angular2的typescript语法糖难度也比较高,vue学起来平滑些,结合vue,学一下vue-router,vuex,element ui,axios,webpack。做个项目玩一下这个全家桶
10.升级后台语言nodejs
这个不作要求,你在学vue的时候其实已经在用nodejs了,你用的npm就是nodejs的一部分,这个阶段说的是nodejs编程,比较难理解,毕竟是写服务器的东西,不过前面基础打牢固,让别人一点拨就能上手,技术不难,难在思路转换。
3.总结做项目
两个项目,
一个是侧重于css特效方面的,要求就是非常酷,帅到没朋友
第二个项目侧重逻辑处理,用来升华你的逻辑能力
这两个项目可以从网上搜几个网站来模仿,之前我的学生有做过:苹果官网,魅族官网,花瓣网,网易云音乐,在行等很多网站,做的也很不错。
4.面试技巧培养阶段
这个阶段要培养下公司项目的具体流程以及面试技巧的培养,面试回答思路,如果有同学想多了解这方面,我很乐意给大家讲解

整个思路就是这样,希望对大家有用,有问题可以随时私信我,我很愿意为大家辅导


拿下Web前端,全力冲击Web全栈

—— 什么是Web前端工程师 ——
 
WEB前端工程师
协调前端设计师和后端程序员实现网站页面或程序界面的美化、交互体验的一个职位

WEB前端工程师主要职责是
利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。
测试能否学前端>>
 
 
—— 为什么选择Web前端工程师? ——
 
作为产品直面用户的最后一个关卡,前端在整个金字塔中处于制高点,这个制高点是现在以及未来每一个程序员必将前进的一个方向。Web前端工程师供求关系
 
—— Web前端工程师薪资水平 ——
 
Web前端作为现在最火热的行业之一,薪资居高不下。据智联招聘、51Job、猎聘网等招聘网统计的数据,Web前端工程师的平均薪资都在10000元以上,是真正的高薪职业。前端开发工程师薪酬统计Web前端工程师工资收入水平
优逸客学员最高薪资试用期已达月薪16500元

 
—— 优逸客优秀学员就业信息 ——
程同学,前端工程师,12000+五险一金 范同学,前端工程师,13000+五险一金
付同学,前端工程师,15000+五险一金 葛同学,前端工程师,13000+五险一金
 
 
—— Web前端工程师学什么? ——
 
从一到多,从片面到全面,优逸客前端工程师实训始于前端,陷于全端,终于框架。
Web前端工程师学习内容
免费获取资源>>

—— Web前端工程师能做什么? ——
Web前端工程师能做什么

—— 优逸客Web前端实训课程 ——
优逸客Web前端/全栈开发实训课程
 
—— 优逸客Web前端课程优势 ——
 
Web全栈开发工程师课程,是优逸客技术研发团队结合当前互联网行业发展趋势、已就业学生信息,倾力打造的国内首家最具行业竞争力的全栈开发工程师实训课程。

—— 优逸客8大实训保障 ——
让你的成才之路不再吃力

零学费入学
实训期间,课程费用全部由第三方企业负责垫付。
零基础入学
不限学历,不限专业,没有基础也能学会!
 

零风险入学
入训签订就业协议,结训推荐就业,终身服务。

零顾虑免费重修
免费试学,不满意可退费,学不会可免费重修!

员工职业化管理
学生到企业员工角色转化、严格执行考核系统。

企业级实战项目
以就业岗位技能为驱动,实施专业技能实训!

100% 终生就业服务
岗位驱动,就业先行!入训签就业协议,保就业!

8位讲师全程面授
讲师阶段性配置,实训授课由浅入深,循序渐进!
 

上一篇 : web前端培训好哪家
下一篇 : web前端编程培训

在线预约 立享免费试学资格

姓      名 :
联系方式 :
试学课程 :