请选择 进入手机版 | 继续访问电脑版

[分享] 从零快速成为一个web前端工程师

  [复制链接]
查看: 8768 |回复: 116
发表于 2016-9-8 10:51:56 | 显示全部楼层 |阅读模式
本帖最后由 2次方 于 2016-9-18 18:19 编辑

如果你是新手,请不要太在意专业名词。不懂就做就行了。
Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!
下面就从这三个方面出发让你快速的进入web前端的大门。

1.jpg

web零基础学习第一部分:HTML

2.jpg

什么是HTML:超文本标记语言
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
简单理解就是开发网页的一种固定书写股则。加之近几年兴起的H5火热潮流,让web前端在移动端上面变成了一个新星!
HTML学习视频(按照个人口味选一套看就行了):
HTML系统学习入门+高级教程
HTML网页设计入门视频
HTML原创视频教程

第二部分CSS样式学习

3.jpg

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”。简单理解就是样式,网站的样式。
有了CSS才会让网站界面变得更美好,不然白屏黑字,看起太累了。
CSS学习视频(按照个人口味选一套看就行了):
html\css基础入门视频教程
HTML+CSS页面布局系列教程
妙味2014远程课堂xHtml+CSS2视频完整

第三部分:前端核心之javascript

4.jpg

js是脚本语言,现在前端必不可少的部分,有了它,网站才能和用户交互。不然只能看不能操作的网站,让用户怎么玩?
javascript基础教程(按照个人口味选一套看就行了):
javascript基础入门
智能社javascript系列视频
JavaScript零基础系列教程(价值526元)

第四部分:实战练习
学习完上面三个部分,是不是觉得很无趣?感觉学完了什么也做不了,接下来就是该好好锻炼下项目经验了。
前端实战项目
仿京东网教程
仿豆瓣网首页
仿腾讯网首页教程

第五部分:移动端
有了之前的基础,学习移动端的前端开发手到擒来。为了让初学者快速进入前端大门,所以把前期的学习
内容减少是很有必要的。所以没有把H5和CSS3放到最开始学习。
H5和CSS3基础实战教程
2016年HTML5基础入门
HTML5零基础入门
前端移动开发基础(HTML5、CSS3)

总结:
上面每个部分学习完,都应该多加练习,前端技术更新的非常快,把基础掌握好才是硬道理,过多的追新对技术提升没有多大意义,
说不定,某一天你刚学完了某某框架就被淘汰的。

做个广告:
如果觉得上面学习资料不怎么好 ,可以看看下面的高质量学习资料(有偿的)
web前端工程师培训系列视频
2016年最新3期 完整web移动前端工程师教程
移动前端开发(基础、H5游戏、实战项目)
最新web前端完整工程师视频教程
前端 开发基础教程(h5 js 实战项目)
不要你签到,你还灌水!只有扣除你20金币才能消我气!
发表于 2016-9-10 11:09:59 | 显示全部楼层
学习一下!谢谢
小白一枚,前来学习。
发表于 2016-9-11 18:14:29 | 显示全部楼层

不错
发表于 2016-9-11 23:05:40 | 显示全部楼层

`````````````````````````````````````````````````````````````````````
发表于 2016-9-11 23:06:02 | 显示全部楼层
with1994 发表于 2016-9-11 23:05
`````````````````````````````````````````````````````````````````````

```````````````````````````````````````````````````````````````````````````````````````````````````
发表于 2016-9-16 14:52:40 | 显示全部楼层
asf;lasjfkl;askl;fas;klfkl;asf
发表于 2016-9-16 14:55:43 | 显示全部楼层
safsafffffffffffffffffffffffffffffffffffffffffffffffffffff
发表于 2016-9-16 17:02:29 | 显示全部楼层
应该下载学习一下,看看先
发表于 2016-9-16 21:06:37 | 显示全部楼层

++++++++1
发表于 2016-9-18 21:19:35 | 显示全部楼层
支持
收缩
  • QQ:点击这里给我发消息
  • 旺旺:点这里给我发消息
  • 交流群:技术资源共享@