与其他后端语言相比,HTML、CSS和JavaScript无论从阅读角度还是编写的角度来说都更加容易一点。所以新手在学习前端知识的时候不必有太大的心理压力 ,心态摆正后,大部分人都可以将前端学好。下面聊聊Html、CSS、JavaScript的最佳学习方法,希望可以帮助到各位小白。
首先,需要明确这三门语法的先后学习顺序,依次是:HTML、CSS、JavaScript。
每门语言与前端都有密不可分的关系,要成为一名优秀的前端工程师,需要三门语言都要掌握的很扎实,不可有侥幸心理。下面一一来介绍这三门语言一些好的学习技巧:
HTML
1)首先专注学习的是基本标签的用法,以及它们与语义和Web标准的关系,这部分学习内容可以在W3Cschool中找到,如果你有编程基础,也可以直接看开发文档。
2)寻找几个经典的网站,学习了解它的网络通信原理,比如:如何从本地计算机向服务器发送一个请求,服务器如何向计算器返回信息。这是两个客户端之间进行信息交换的重要部分。
3)在完成基本语法以及网络通信的相关知识后,尝试制作一个动态页面,完成从服务器操作和获取内容,在这个过程中了解映像如何从计算机发送信息到服务器,以及服务器如何处理这些信息,过程中使用了什么逻辑。对于这些知识应该牢记在心。
4)完成上面三部之后,你的HTML算是小有所成了,如果还想进阶,那我推荐你可以将Apache-Web Server等等工具东西集成到IDE中,然后尝试一些复杂的Web开发。
CSS
1)CSS的学习是三个模块中最容易的,你只需要在设计网页样式时,学会灵活运用CSS指南就足够了。注意的是在学习的过程中学会发散思维,比如在设计一个样式时,尽量思考如何使用不同的类和ID实现这个样式。
2)了解如何进行各种布局(浮动 、内联块、flexbox、网格等),以及如何从小模块到整页的所有内容上实现这些布局,这是构建网站所需的核心。
JavaScript
在学习完HTML和CSS后,大家应该都了解了如何在不使用JS的情况下,构建一个网站。JS的作用就是解决HTML交互难的问题,在初期,将JS基本语法学习好,学会自主利用JS来完成一些动态功能,用户交互(悬停、点击等)。
完成基本语言使用后,开始学习框架,通过Angular、React、Vue等框架构建整个网站。
在自己构建网站的过程中,要注意几个点:我们编写JavaScript代码的原因之一是为了优化网页,不过可以用JS代码进行基本计算,那就尽量不要进行服务器的交互任务;编写网站也要考虑其质量,首要的是拥有“可维护性”,当然这对初学者来说非常困难,这一点可以在今后的工作中慢慢学习。
学习不同的技术(不同的框架),在构建网站的过程中使用不同的技术,比如在react中使用angular在ref里面搞事情,在angular里面使用element上做文章。
以上就是三种前端语言的学习技巧,另外还需要注意的是:在这三门语言中,HTML是容错率最高的,即使把标签完全弄乱,浏览器仍会正确显示其内容。CSS容错率次之,但仍然可以接受,比如错过一些分号,以及语法错误,大部分情况下网站仍然可以正常显示。JS容错率最低,一个分号,或者语法错误就会导致所有JS中断,有时候网络出现问题,也会导致JS文件无法按预期加载。知道其缺点后选取正确的方式进行编码。
还有一些关于前端学习过程中的感悟。在构建网站时,虽然可以随时查找文档,但一些常用的标签、样式、逻辑代码、框架功能等等都需要去记忆一下,这样可以大大提升自己的编码效率。遇到特定问题时,学会Google,百度寻找帮助,而不是总是找大佬,或者放弃。经常去一些论坛和博客看看同行的人写的感悟以及技术文章,日积月累的汲取对提升自己非常有帮助。
希望这篇文章可以帮助到每个学习前端的学员,希望学习的过程中一切顺利。