web前端开发入门知识,web前端快速入门

首页 > 经验 > 作者:YD1662022-10-31 06:51:43

这题我会,史上最全的最使用的前端学习路线,不仅仅只是入门!!

首先介绍一下GitHub 上一个很有名的 Roadmap,是国外的前端工程师kamranahmedse编写的前端进阶框架图,简洁而完备,最适合前端新手搭建基本的知识框架。

大佬的项目链接我也放在这了:

https://github.com/kamranahmedse/developer-roadmapgithub.com/kamranahmedse/developer-roadmap


想成为一名前端大牛,按照这个路线学习,足以帮助你快速成长。

web前端开发入门知识,web前端快速入门(1)

基本路线搞定了,接下来我就给大家推荐一下前端必备的网站、书籍以及课程,帮助你快速成长。

另外在文末,我还放了详细的学习方法。

1.基础知识:

想要学好变成,最基础最基础的语法以及框架只是是必备的,下面是我推荐的一些优质学习资源。

语言:

想要学习前端,首先就要学习 HTML、CSS 和 JavaScript 的基础知识。你可以在以下几个网站学习这些基础知识:

W3school:http://www.w3school.com.cn/

MDN 官方教程:https://developer.mozilla.org/zh-CN/

W3C 官方文档:https://www.w3.org/

freecodecamp 学习网站:https://www.freecodecamp.com/

之后你就需要学习一些包管理,包括 npm,yarn 等等。

预处理:

接下来学习 CSS 预处理,CSS 的一些框架的使用,最常见的就是 Bootstrap 等。以及 CSS Architecture。

这里推荐一些好用的前端库:

工具:

包括但不限于以下工具:

框架:

前端框架的选择和学习,包括但不限于以下框架:

2.进阶知识

学好了基础知识之后,基本上可以完成初始的开发工作了,但是这个阶段的程序大概率是不能上线的,因为非常容易出问题,需要我们学习进一步的知识来进行处理。

测试

框架和知识学习好了,要学习如何进行测试,主要包括这部分内容:

web前端开发入门知识,web前端快速入门(2)

之后要学习 PWA,这是以后的发展趋势:

web前端开发入门知识,web前端快速入门(3)

之后学习一些更深入的内容:

web前端开发入门知识,web前端快速入门(4)

当然,学习无止境,最重要的是持续学习,加油吧!

3.自我成长

学习完基础内容和进阶内容之后,课程类的知识已经很难让你得到提高了,这个时候就需要靠阅读专业书籍或者做实操项目进行进一步的提升。

书籍:

在线书籍

推荐书目

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.