028-86261949

当前位置:首页 > 技术交流 > H5前端入门有哪些基础的教程吗?

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,还是为了达到能去公司上班)选择最适合自己的学习方式,才是最容易的入门教程!

#标签:H5,H5前端,前端教程,自学前端