新手如何入门学习前端?
Web前端入门的自学路线
新手入门前端,需要学习的基础内容有很多,如下。
一、HTML、CSS基础、JavaScript语法基础。学完基础后,可以仿照电商网站(例如京东、小米)做首页的布局。
二、JavaScript语法进阶。包括:作用域和闭包、this和对象原型等。相信我,JS语法,永远是面试中最重要的部分。
三、jQuery、Ajax等。jQuery没有过时,它仍然是前端基础的一部分。
四、ES6语法。这部分属于JS新增的语法,面试必问。其中,关于 promise、async 等内容要尤其关注。
五、HTML5和CSS3。要熟悉其中的新特性。
六、canvas。面试时,有的公司不一定会问canvas,靠运气。如果时间不够,这部分的内容可以先不学。但如果你会,绝对属于加分项。
七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。
八、前端框架:Vue.js和React。这两个框架至少要会一个。入门时,建议先学Vue.js,上手相对容易。但无论如何,同时掌握 Vue 和 React 才是合格的前端同学。
九、Node.js。属于加分项,如果时间不够,可以先不学,但至少要知道 node 环境的配置。
十、自动化工具:构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意,Sass 比 Less 用得多,gulp 比 grunt 用得多。
十一、前端综合:HTTP协议、跨域通信、安全问题(CSRF、XSS)、浏览器渲染机制、异步和单线程、页面性能优化、防抖动(Debouncing)和节流阀(Throtting)、lazyload、前端错误监控、虚拟DOM等。
十二、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外,前端常见的IDE有两个:WebStorm 和 Visual Studio Code。WebStorm 什么都好,可就是太卡顿;VS Code就相对轻量很多。个人总结一下:用VS Code 的人越来越多,用 WebStorm 的人越来越少。具体可以看:《第一次使用VS Code时你应该知道的一切配置》
十三、TypeScript(简称TS)。ES 是 JS 的标准,TS 是 JS 的超集。TS属于进阶内容,建议把上面的基础掌握之后,再学TS。
推荐的技术博客
阮一峰
张鑫旭
推荐的书籍
《你不知道的JavaScript》
上面这套书有上、中、下三本,你都可以读一读。如果时间不够,那就先读第一本。
《网络是怎样连接的》
程序员面试的时候,经常会被问的一个问题是:“在浏览器的地址栏输入url,按下回车后,发生了什么?”
为了清楚这个问题,看上面这本书,足够了。如果你想入门计算机网络,这本书也是必读的。评价非常高。
关于这个问题,也可以看下面这篇文章:浏览器输入 URL 后发生了什么?
《CSS世界》
关于 CSS 的书籍,首先推荐这本书,我身边的大佬们都说这本书好。虽然我不是大牛,但我也觉得这本书很好。
如果 js 熟练,说明你是有技术深度的前端;如果 css 熟练,说明你是有经验的前端。如果大家对于学习前端有任何问题,学习方法,学习路线,如何学习有效率的问题,可以随时来咨询我,或者缺少系统学习资料的,我做这行年头比较久,自认为还是比较有经验的,可以帮助大家提出建设性建议,603985993这是我的web前端交流3000人裙,有任何问题可以随时来咨询我。
推荐的链接
前端导航:https://www.cnblogs.com/qianguyihao/p/10701923.html
这个导航里列出了很多常见网站、博客、工具等,整体来看比较权威。
学是一方面,也是最主要的方面;但还有一个作用,比如,“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” 。此时,这份清单就能起到作用了。如果能把清单里列出的内容都了解下,逼格也会高很多。
MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web
如果你想查看前端的 api 文档,请首先去 MDN上看。很官方,很正规。
不要去什么 w3school 上看,可能有很多错误。
前端资讯订阅源
国内的很多技术博客,都是比较粗浅的二手知识,真正的大佬,看不上这些东西。
要了解最新的的前端技术趋势、前端资讯,还得看国外的网站。下面这两个前端资讯的网站,极力推荐。它们都可以通过邮件的形式订阅,我认为是前端开发者必须要订阅的:
Daily JS:https://medium.com/dailyjs - medium 上的博客。
JavaScript Weekly:https://javascriptweekly.com/ - 聚合类的技术周刊。
我还给大家整理了很多前端方面的干货资料,有需要的小伙伴,前面有获取方式,领取资料!
新手如何入门学习前端?相关推荐
- 适合新手小白入门的前端书籍
总所周知,学习前端肯定离不开书籍的辅导,很多新手小白不知道该怎么选择,以及是否选对了书籍,本文就以过来人身份,给大家推荐一下新手小白学习过程中需要或可以用到的书籍. 一,html+css阶段: 1.& ...
- 新手如何系统地学习前端开发
借用一段话来开头:古代小说里,高手如云,人们为了生存,要掌握一套保命武功.其中,我最喜欢的是轻功,毕竟三十六计走为上策(狡诈的一笑).说到底,武功和技术一样,都是为了生存.问题是,现实一点来说,一个武 ...
- 新手如何入门学习车载HiL测试
有很多互联网测试工程师甚至零基础新手想学习转岗新能源汽车车载软件测试,如何系统性学习掌握新能源汽车测试流程.测试方法.学习技巧和学习方法呢?收藏并关注这个回答,让你快速掌握知识.进入行业.独立做测试项 ...
- 新手如何入门学习车载测试
零基础新手想学习新能源汽车车载软件测试,如何系统性学习掌握新能源汽车测试流程.测试方法.学习技巧和学习方法呢?收藏并关注这个回答,让你快速掌握知识.进入行业.独立做测试项目. 这有一套详细的测试标准方 ...
- 前端怎么使用jsessionid_成都Web前端是干什么的?新手怎么入门
Web前端是干什么的?新手怎么入门?这是很多人都会思考的问题,在这个IT行业盛行的时代,你还不知道Web前端是干什么的?那你就OUT了,其实在我们生活中,随处可见都都Web前端的产物. 成都Web前端 ...
- Web前端入门学习之JS基础知识梳理汇总
Web前端工程师是当前各大企业都比较稀缺的人才,薪资待遇和就业前景都很不错.不论是专业还是非专业,有基础亦或是无基础,都想通过学习Web前端实现高薪就业. 不过,学习要一步一个脚印,不能一口吃一个胖子 ...
- 零基础转行Web前端开发自学靠谱吗?菜鸟学习前端的方法分享
Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者.那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不 ...
- 应该怎么样学习前端呢?
1.一定要重视基础 首先建立第一条技能线:就是前端由html,css,js组成:然后将其细化为第二条线,html是由html4和html5组成:第三条线,css由css2和css3组成:第四条线,js ...
- 如何学习前端知识?优秀的前端开发工程师应该具备什么条件?
Web前端开发技术主要包括三个要素:html.css和JavaScript! 如何学习前端知识? 我们生活在一个充满规则的宇宙里面.社会秩序按照规则运行,计算机语言几乎全部是规则的集合.计算机前辈们定 ...
最新文章
- 向Relay添加算子
- Android短信管家视频播放器代码备份
- Ubuntu login as root automatically
- OpenGL 位图字体渲染的实例
- 用手动创建新的script标签的方式,实现JavaScript脚本的异步加载
- ZBlog插件简洁轻巧的编辑器 iceEditor修复版
- 起面的英怯——幸运的舆图
- 高等数学张宇18讲 第十八讲 第二型曲线曲面积分
- 神经网络做多元线性回归,神经网络是线性模型吗
- 微信小程序发布引起轰动
- ENSP直连路由和静态路由配置(含路由表结构分析)
- 【备战NOIP】专题复习1-动态规划-背包问题
- 【第一章:技术面试通用必备技能】第2节:业务逻辑面试和HR面试
- U3D里UI相关逻辑和文件的组织关系的各种形式的比较
- PyTorch(Python)训练MNIST模型移动端IOS上使用Swift实时数字识别
- 卧龙图甄选 | 惊蛰来到,万物复苏,春天的气息扑面而来
- Linux 安装WinUSB
- mysql identity sqlserver_mysql和sqlserver的区别
- 一些ps会遇到的问题
- 华为5c_华为荣耀畅玩5C做工怎么样?华为荣耀5C拆机全过程评测图解
热门文章
- 计算机知识点背诵了就忘了怎么办,背得滚瓜烂熟的知识点,为什么一上考场全忘了?这样做,事半功倍…...
- linux查看java编译版本,升级linux系统中的java版本到1.8
- Homework-201521410028
- 【读书笔记】周志华《机器学习》第三版课后习题讨第一章-绪论
- Azure PowerShell (9) 使用PowerShell导出订阅下所有的Azure VM的Public IP和Private IP
- WordPress企业主题:BDV适合于小型公司、企业,主要以产品类为主
- WORDPRESS”丢失计划任务”
- tf.Variable、tf.get_variable、tf.variable_scope、tf.name_scope、random、initializer
- Go 字典(Map)
- vue_axios请求封装、异常拦截统一处理