字节跳动内部前端学习笔记在互联网上火了,在Github标星3。3W
前端工程师学习路线(给大家整理了HTML,CSS,JavaScript等等全套学习资料)
一、入门前端三剑客
1、HTML
html 学起来还是挺简单的,无论你是否有编程基础,我觉得都可以快速入门,对于新手,我推荐找个入门的视频看一下,然后跟着视频打代码就可以了,入门教程随便在网上找个免费的视频就可以了,随便搜索「html入门」即可,或者看菜鸟教程的一个入门教程也行。
看完视频,也可以看一下文字版的教程,不知道大家有没有看过阮一峰写过的教程,我觉得他写的教程都很棒,所以这里我也推荐下大家看一下阮一峰写的这份 HTML 入门教程,可以让你理解得更加透彻:HTML 教程
大家切勿眼高手低,一定要跟着视频或者书籍上的案例打代码,写代码的编辑器,我推荐 VS-Code,反正选一款你喜欢的编辑器就行,现在这些编辑器都有很多插件,像 VS-Code 这些编辑器,用好一款就可以写各种语言的代码了。
2、CSS
没啥好说的,和 HTML 相辅相成,你在学习 HTML 的过程中,其实也一直都在接触 CSS,所以你学了 HTML 之后,感觉几个小时就可以学完 CSS 了,还是一样,推荐找个视频快速入门,不多说。
html 是一门标签语言,里面有各种各样的标签,很多初学者学了之后可能就把这些标签忘了,有人可能会问,老是忘了怎么办?
忘了就忘了,没事的,不需要强行记住这些标签,你需要的是:脑子里有个印象,当你这实现某个功能的时候,你知道 HTML 有某个标签可以实现这样的功能就可以了,然后翻开对应的教程,你能够根据教程使用这个标签即可。
用的次数多了,也就记住了,所以学完 HTML 和 CSS,一定要多多实践,随便打开一个网页,对着葫芦画瓢,自己写一个和它类似的就可以了。
3、JavaScript
比起 HTML 和 CSS,JavaScript 会难一些,不过如果你有其他编程语言基础,例如学过 C 语言,Python 或者 Java 啥的,那学起 JavaScript 也是分分钟的事。
前面的 HTML 和 CSS,我的推荐大家找个视频快速入门即可,但是对于 JavaScript,假如你时间不是很紧,那么我推荐你用书籍系统学一下,有些知识,趁着有时间,一定要系统学,这样可以打下很深的底子,如果你觉得难的话,也可以先用视频快速入门,之后再回过头来钻研书籍,系统过一遍,通过系统学习,你会明白很多原理,学到很多设计思想,我看过一本《高性能JavaScript-中文版》,感觉还好,就推荐这一本吧。
学了 JavaScript 之后,可以学一学 ES6,面试貌似也经常会问到,可以看一看阮一峰写的一份入门教程:ES6 教程
二、框架
目前前端用得比较多的主要有 Vue 和 React ,在学习框架之前,一定要先用 HTML + CSS + JavaScript 这些做一些项目,因为这些框架的底层实现,其实就是 JavaScript 实现的,然而,居然还有人知道如何使用 Vue,但没学过 JavaScript,这显然不合适,只有你体验过 HTML + CSS + JavaScript ,你才能更好着明白 Vue 和 React 的好处。
不过对于初学者,可以先学习 Vue,Vue 可能更好入门一些,之前实习的时候,被迫学习了几天的 vue。你可以去B站找一些课程或者购买
不过你看了课程之后,你去做项目的话,其实还是会遇到好多问题的,特别是在网络请求那块,在解决问题的过程中,你就能更加理解一些原理了。
学到什么程度?
对于初学者,我的一般建议就是,跟着一份教程,过一遍,然后做对应的项目即可,之后遇到啥,就去搜索啥,不用纠结这个学到什么程度。
Vue 和 React 随便选一个重点学习即可,我推荐 vue,不过学了 Vue 之后,有时间的话,我建议可以了解下 React,快速通过视频了解,感觉几个小时或者一两天就够了。
三、数据结构
无论你是走什么岗位,数据结构都是必须学习的一门课程,从面试的角度来讲,面试基本比问,特别是校招;从个人的提升上来看,学好数据结构与算法,可以让你走得更远。
但是,数据结构与算法这玩意,可深可浅,不过我觉得至少得掌握如下基础知识:
1、时间复杂度、空间复杂度
2、链表、队列、栈
3、树:初级:二叉树,查找二叉树,进阶:AVL树,红黑树等,至少掌握初级吧。
4、图(图有好多种算法,深度/广度搜索,最短路径、最小生存树等),对于图,其实无论是面试还是工作,都挺少用到,学起来也有一定难度,假如你时间不多,我觉得可以先不学。
不过如果你是科班的,那么这些我觉得你大一第二学期把这些都学完是最好的了,没学完也问题不大,有些人可能是先教《离散数学》这本课,为数据结构与算法做铺垫。
书籍推荐:你学过 JavaScript,所以可以用 Javascript 来写这些数据结构,至于书籍,其实我也不知道推荐啥,网上根据目录找一本:
把基础数据结构学了之后,我觉得你要保持刷题,这个还是挺重要的,例如可以每天保持刷一两道,刚开始刷会挺吃力,但后面熟练了,就会快很多,不过很多人在吃力的那会,就放弃了,所以也就有了人与人之间的差距。
我觉得至少把《剑指 offer》刷完吧,刷完之后,可以去把 leetcode 中 top 100 的热门题做了。
当然,如果你想更加系统着学习算法,可以看我之前写的算法学习路线:谈一谈算法学习之路
四、计算机网络
无论是前端开发还是后端开发,说到底都是数据通过网络在多台主机之间的交互,而且对于前端,计算机网络的知识,用的可能比后端还多,特别是 HTTP 这块,所以呢,计算机网络必须好好学,而且还得重点学。
五、浏览器工作原理
学前端,基本天天和浏览器打交道,因为网页上的各种界面,都是由浏览器来渲染的,所以还是非常有必要学习一下浏览器相关的知识。
如果你在浏览器按 F12,会出现一个「调试」的界面
里面有很多东西,例如各种网络请求数据,各种脚本数据,感兴趣的话,可以去研究研究。
那么具体要学习哪些呢?
我觉得至少得了解一下本地 cookie ,localStorage,SessionStorage 存储吧,还有就是,如何查看一个 http 的请求状态,浏览器关闭后会做哪些处理之类的。
总的来说,就是,从我们发起一个 http 请求,到页面展示如初,浏览器都经历了哪些逻辑处理?
六、进阶
学完了上面这些,可以学一些帮助我们更好着构建一个前端项目的工具,比较常见的有如下几种:
Node.js:这个必须学,主要就是可以帮助我们很快着构建出一个 web 项目,一条命令就搞定了,入门可以在B站/腾讯课堂看视频。
进阶或者更深层次了解,一般都得看书,自己网上搜一本吧。
Webpack:不同浏览器对 JavaScript 的特性支持的不一致,可以通过构建工具把 JavaScript 代码转换成浏览器能支持的。使用构建工具也能够做到性能优化,比如压缩代码,这个 webpack 可以了解一下,在以后做项目的过程中,还是经常用到 node.js 和 webpack 的,我觉得刚开始会使用就好,后面遇到问题了,再通过问题驱动的方式去深入了解。
七、学习顺序问题
这里讲一下学习顺序的问题,就是说学习了 html + css + javascript 之后,我是先学习前端的一些框架好啊,还是学习数据结构与算法好啊,还是学习计算机网络,浏览器工作原理好呢?
我觉得这个和你时间有关,假如你还是大一大二的话,学校会有数据结构,计算机网络的课程,我觉得跟着学校的顺序学就行,然后的话,像刷题,我觉得有些东西同时做并不会存在矛盾,例如我就建议刷题这个时期,长期保持,然后一边做其他的。
总的来说,我觉得也可以按照我说的这个学习顺序来学,然后算法那一块,当你学习了 Javascript 之后,就可以穿插整个过程了。
95页前端初级模块笔记
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。需要完整版的面试笔记的小伙伴帮忙转发文章后,关注私信回复【资料】即可免费获取下载到!
PDF 已经给大家准备好了,希望大家喜欢!!!!
联想thinkPad系列,选哪个好?主要用于编程?T系列,如果加点钱可上TxxxS系列,轻薄而且该有的接口都有,不建议x系列,接口太少就不能选别的品牌?华为小米苹果从来没用过联想华为好用鲁大师对比同类产品,看哪个性价比高,能满足需
第二个华为已出现?花500亿自研芯片,采用台积电6nm工艺打造近些年来各大手机企业巨头纷纷投入芯片研发中,2019年时,苹果斥资10亿美元巨资,收购了英特尔的大部分智能手机调制解调器芯片业务,为自己的5G芯片研发助力。有消息称,2023年时,
如果联想走技工贸的路线,会成为第二个华为吗?对于联想也好,华为也好,我们有时候不要考虑他是干什么的,做什么业务更多需要考虑的是这个企业的个性是什么!例如在互联网企业阿里是外放性的企业,这就造成了人人都是营销销售人员的局面!而
荣耀30pro和荣耀V30pro,放到现在还值得买吗?荣耀30Pro,你可以看看它的参数,红外,nfc等等都有,再打两年问题不大。用一年多了没毛病才入手不到一个月,性价比高,使用流畅。前者我在用,很好用,特别是风景拍摄很好!有货的情况
为什么高配置打lol掉帧?朋友们好,LOL这款游戏对配置要求其实不高,对于楼主所说的高配置玩lol掉帧,建议检查下电脑设置,看看是不是默认集成显卡,如果是,建议手动更改成独显优先!你的高配置是有多高?具体什
谷仓孵化又一家谷仓投资公司,估值近10亿近日,谷仓投资的新材料公司大毛牛完成数千万A轮融资。作为谷仓早期投资的基础材料公司,大毛牛此轮由东方汇富领投产业链资源方跟投,投后估值近10亿人民币。谷仓新国货研究院聚焦于新国货的
氢能大基建输氢管道有望大爆发编者本文12月14日发布在上善流水深度研究知识星球,同步发布上善流水深度研究微信公众号。直接干货!中央经济工作会议指出,要超期开展基础设施建设。超前开展基础设施建设是应对经济下行压
为了鸿蒙系统能活下来,华为有多拼?不久前,鸿蒙系统正式在手机端运行,许多远古机型都得到了更新,让人大呼良心。鸿蒙系统整体的用户数现在已经突破了1。5亿,对于一个系统来说,这个用户增长速度是相当恐怖的。小米的米UI,
苹果在南加州设立新办公室,开发自研无线芯片鞭牛士12月17日消息,苹果正在南加州设立新办公室,以便开发自研无线芯片,这意味着,苹果可能最终会取代目前从博通Skyworks和高通等公司采购的部分组件。该办公室位于加利福尼亚州
中兴公布自主研发的全新手机操作系统MYOS面对着国内智能操作系统被微软谷歌苹果所垄断的现状,中兴正在研发具有自主知识产权的操作系统,以应对未来产业界的一些不确定因素,尤其是未来可能会出现的专利大棒。近期,中兴公布全新手机操
上手世界上最小的操作系统MenuetOS,仅有1。4M,安装运行全教程背景和基础配置这款系统号称是世界上最小的操作系统,整个镜像文件仅有1。4MB的大小。此款系统是由英国软件工程师VilleMikaelTurjanmaa和MadisKalme开发的,