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