# JavaScript-40-Days **Repository Path**: wangzhenye2019/JavaScript-40-Days ## Basic Information - **Project Name**: JavaScript-40-Days - **Description**: Javascript - 40天 从新手到大师 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-11-10 - **Last Updated**: 2021-11-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## Javascript - 40天 从新手到大师 >本教程，集合了图文、视频、代码、项目所有内容， 让你全方位立体式的进行JS的学习 >文章内容会陆续发布，欢迎关注并加星，感谢。 #### 如果你还是一个小白，不了解HTML5是什么，请查看下面的视频，5分钟即可快速入门。 ### 视频介绍链接： >链接：https://pan.baidu.com/s/1_-RndtMp-sKmVOwyMraEJg 提取码：uccp #### 如果你还不具备HMTL+CSS的基本知识，请查看下面的免费视频教程 #### 前端小白福音之《HTMLCSS极速入门》 > 链接：https://pan.baidu.com/s/17NYiOPoy9yGk-eowGXNoZQ 提取码：7ngd 如果你已经具备基本的网页知识，那么你可以跳过下面的介绍， 直接从 day01开始， 马上进入JS的学习 学习过程中，有任何问题，你也可以加入我们学习交流群。 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/0IrX3l4Ub59pz0Y9YTjMW9jJSClJoXTufnDC3XEIsCg!/b/dLgAAAAAAAAA&bo=9AH3AAAAAAARBzI!&rf=viewer_4) ## HTML > 超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的 >#### HTML5是HTML网页标准的5.0版本，下面是一些关于前端知识的简介。 ### 1、名词解释 > ### H5   HTML5  WEB前端   全栈 #### 1.1 HTML5 >     HTML5是HTML网页标准的5.0版本， 5.0版本相比4.0的版本新增了很多的技术内容。
    这次的变化是比较大的、甚至，是革命性的。它的诞生，带动了很多技术领域的发展。尤其是在我们的移动设备上面。
    因此，今天我们谈论的HTML5这个词，它已经产生了一些变化，它代表的已经不再是简单的HTML的网页设计标准。而是围绕着HTML这个东西，以及它周边的一系列的网页相关技术的总称。
    这其中，既包含了HTML+CSS的网页制作，也包含了JavaScript这门编程语言的相关开发。 #### 1.2 H5 > 而H5就简单了，它就是HTML5的简称。仅此而已。 #### 1.3 web前端 > 那什么又叫WEB前端呢？ 它是根据H5的功能和作用所起的一个别名而已。就好像当我们说微博的时候，我们的第一反应会想到新浪微博，但微博不只有新浪微博，它还有腾讯微博，twitter等等。所以微博与新浪微博的关系就像WEB前端和H5 的关系一样。 #### 1.4 全栈 > 大家都知道我们平时看到的网页全部是由程序编写而成的。这些程序的运行结果就是我们看到的网页。 我们管被我们看到的这部分技术领域叫做前端。 而在一个网站的内部，还有很多很多我们看不见的摸不着的程序在运行着。这些程序在背后进行着复杂又精密的计算，才能保证我们程序的正常的运作。 他们很重要，但很多时候我们却感知不到它们的存在，因此我们管这个技术领域叫做后端。 当一个人的技术能力既能覆盖前端又能覆盖后端的时候，我们就说这个人就是一个==全栈型的技术性人才==。 ##### ==【注】总的来说，H5和HTML5是一个东西，Web前端是H5的别称，而全栈，既包括前端又包括后端。== ### 2、H5具体能做什么？ > 简单的说它主要的功能就是编写网页。但网页技术也不像大家认知的那么简单，它的覆盖面非常广。比如，我们在平时上网的时候，随处可见的网页。 #### 2.1 PC端网页 > 打开浏览器，在地址栏中输入我们想要访问的网站，比如天猫、京东等，这些页面都是由H5开发的页面。 #### 2.2 手机浏览器 > 再比如，我们在手机上也可以通过浏览器查看网页，打开手机浏览器，输入网址，映入眼帘的就是由H5开发的页面。 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/2xP8EZ5oDZ6qn8.pKZSR6L.B2K5M9Mm4ymG2kQ6PRqA!/b/dD4BAAAAAAAA&bo=zgWmAwAAAAADB0w!&rf=viewer_4) #### 2.3 微信 > 再比如，我们经常使用的微信，其实也都是网页。在我们的手机上通常会关注好多订阅号和公众号，这些订阅号和公众号每天推送的文章，基本上也是由H5开发的页面。 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/P7H6RAQGSHtGo9AEqIN0q9tir2V.s0h5BDeQjnOumMQ!/b/dL4AAAAAAAAA&bo=LgaqAwAAAAADV*M!&rf=viewer_4) #### 2.4 App(手机应用) > 甚至包括我们经常使用的APP，我们在APP里所看到的这些内容。其实大多数也都是网页编写的。 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/37dT0A5WXEwL5j8SsldmrQjjTUS6M9*XyWC4anHYWqw!/b/dDUBAAAAAAAA&bo=7AWkAwAAAAADZww!&rf=viewer_4) #### 2.5 微信/支付宝小程序 > 不止这些，还包括我们的小程序，我们打开一个小程序，这些页面基本上都是由H5开发的页面。 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/21oKFd1TLk0196TSz*Kruf8IkSBUtCh2NVLG*vr2*vo!/b/dEgBAAAAAAAA&bo=IAbSAwAAAAADB9U!&rf=viewer_4) #### 2.6 微信小游戏 > 还有我们的小游戏，H5所包含的技术，在今天几乎无所不能，无处不在。 ### 3、行业前景 > 在未来的五到十年，H5将是一个发展前景非常好的行业。 #### 3.1 移动设备活跃度 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/Zi9kbf4UkJaf4SIpMlb02ZDDzkmutqHeexxB23TLQsQ!/b/dL8AAAAAAAAA&bo=0APSAQAAAAADByI!&rf=viewer_4) > 你现在看到的是2017年中国互联网移动设备活跃度的统计数据。可以看到，截至到2017年12月，中国平均每月的移动设备的使用量已经达到了11个亿。这是一个巨大的数字，它几乎涵盖了我国总人口的80%. #### 3.2 中国网民手机月平均使用时长 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/t.*E1j7bIK8nTMhkyO6HcqOBFfZcNF7sJzF5mkAo*eg!/b/dFMBAAAAAAAA&bo=xAPKAQAAAAADFz4!&rf=viewer_4) > 接下来我们再看这张图，这张图表示的是中国网民的手机月平均使用时长。平均数据已经达到了100小时以上。这意味着我们每个人每天花在手机上网的时间要超过三个小时，按照这样的趋势，用不了多久，移动互联网将会彻底取代传统的PC网络。 #### 3.3 小程序增长 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/4Yh.1Jka76YK6Fes56bRlcE65h4A1zVN*lrvLKOr*R0!/b/dL4AAAAAAAAA&bo=wgPGAQAAAAADFzQ!&rf=viewer_4) >     我们再来看一个关于小程序用户的数据，截止到2017年12月底，小程序的月平均使用人数已经超过了三个亿，并且仍然在以爆发式的速度增长 >
>     小程序的兴起，对我们来讲意味着什么呢？在未来的十年，我们的手机上可能再也不需要安装APP，只要手机中有微信，我们可以随时打开自己想要的小程序来使用。 >     小程序不需要下载即可使用，实现了应用“触手可及”的梦想。 > 甚至我们可以进一步想象在未来，随着    云计算的普及，会出现云操作系统，我们的电脑上不再需要安装windows或者mac或者linux，而只需要一个小小的浏览器，我们便可以远程登录我们的电脑。而这一切，全都要依赖我们的web前端技术。 ### 4、 讲了这么多，最后还是离不开大家最关心的问题，那就是H5的就业前景到底如何？ #### 4.1 薪资水平 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/tEnVhMu8NpXAZ1t08Eu9veCctcLwbU7Z9PtblHJM7Y4!/b/dIQAAAAAAAAA&bo=YAacAgAAAAADJ*o!&rf=viewer_4) > 首先我们先来看薪资水平, 从表中可以看出，工资在两万到三万的范围内岗位占了30.2%，占比最大，更有一部分精英码农的薪资水平达到了三万以上。 #### 4.2 各大城市薪资排行 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/3Njp7ECjxlxLbg.lzfBPEIROySjrCUjo10p.73T0pUs!/b/dDQBAAAAAAAA&bo=MgbKAgAAAAADJ*4!&rf=viewer_4) > 我们再来看各大城市的薪资排行，以北京为首，全国各大城市薪资水平都十分可观。 #### 4.3 各大城市职位需求 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/3KTXulVA96kUlMoID.6vjNKiuXJMFtp26gv8Fwyy4wM!/b/dMUAAAAAAAAA&bo=9gW.AgAAAAADJ00!&rf=viewer_4) > 并且在各大城市的前端工程师招聘需求上，全国各大城市开发岗位需求旺盛，仅北京，岗位需求就突破2W多个，并且还在极速增加。 #### 4.4 独角兽公司 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/xRazYDFulMk*Fdct3oNfce8wdxcpwwplfG2Syvkxceg!/b/dL8AAAAAAAAA&bo=VgboAQAAAAADJ7s!&rf=viewer_4) > 像阿里，百度，腾讯，美团，京东这样的大型互联网企业，他们每年都会有大量的前端开发岗位需求，所以我们的机会是非常多的 #### 4.5前端和大数据的关系 ![image](http://m.qpic.cn/psb?/V13wE8sQ0FBtUy/3eev2ivG2c8Hx50YyGehFbFwHTN2G7bdjx*GiOYKNMU!/b/dMAAAAAAAAAA&bo=rAW0AgAAAAADJx0!&rf=viewer_4) > 最后我们来谈一谈，H5与人工智能和大数据的关系，不管是人工智能还是大数据，以及我们现在火热烫手的区块链，他们都属于后端技术，而任何一个后端技术，都需要相应的程序界面来向用户去展示，而只要涉及到界面，就离不开我们H5的技术，也就是说，H5几乎覆盖了所有互联网技术领域。 ## 以上就是关于H5这个行业的介绍。如果你愿意加入这个行业，欢迎来学习我们的免费课程，再见。