H5前端入门有哪些基础的教程吗?
2020/06/29 15:11 分类: 技术交流 浏览:1
答主从事8年前端,来给IT新人避些坑。
(H5 = HTML5简写,以下简称H5)
H5前端技术最近几年火到发紫,各大中小应用几乎都离不开前端。
然而前端技术更新迭代频率极高,
这也给想入门前端的初学者带来诸多困扰。
首先科普一下,H5只是一种语法规范,作用在浏览器端。很多人都认为H5是一个技术,其实不然,H5本意指代HTML的第5代规范(各类型浏览器实现此规范)。
而现在人们口中的H5往往指代前端技术的一个大集合(HTML+CSS+JAVASCRIPT)
HTML = 网页的基本架构(HTML5指此规范的第五代版本)
CSS = 网页的色彩,样式,排版布局特效等(CSS3指CSS语言第三代版本)
JAVASCRIPT = 网页的逻辑
只会其中1种技术,都不能构建一个完整的网页。所以可以看到,想学习现在的H5前端技术,最少需要学习3种规范/语言。
先说学习顺序,从易到难的上手度来说,应该是
1. HTML5:学习构建网页的基本规范(5指HTML第五代规范,为目前最新版本)
了解网页的基本架构,等于工地打地基,一切都在地基之上建立
2. CSS3: 学习样式语言,色彩,排版布局等(3指CSS第三代版本为目前最新版)
了解网页的布局及色彩搭样式搭配
3. JAVASCRIPT: 学习编程语言JAVASCRIPT,用程序语言操控网页的各类行为
了解网页的行为操控
学习顺序了解后,在来说一下新手入门的几种常见方法,以及对应的优缺点
入门方式 |
途径 |
耗时 |
优缺点 |
前端相关书籍 |
某宝某东书店购入 |
★★★ |
可以抽空闲时间阅读 书籍从编辑到定稿出版,往往经历较长时间,技术相对不太新 |
视频教学 |
网络视频 |
★ |
可以学习最新技术,时间也很自由,随空随看 免费视频质量参差不齐,精华视频需付费 |
线下培训 |
各城市均有大中小培训机构 |
★★★★ |
最为系统的培训,一般毕业即能达到企业上岗标准 各培训机构质量参差不齐,需要多对比 |
推荐入门实体书籍:HTML5+CSS3+JavaScript从入门到精通(标准版) web前端开发网页设计丛书
(图片来源:百度)
推荐视频:XX课堂等H5网络视频教学
针对上表可以看到常见入门途径及,其实不管哪种方式都有各自的优缺点,根据自己的时间/精力/目标(只是为了研究H5,还是为了达到能去公司上班)选择最适合自己的学习方式,才是最容易的入门教程!
赞 0