前端入门阶段怎么学

哪些东西必须学?搞清楚前端要学什么?

需要学习的语言

• HTML
• CSS
• JavaScript
• HTTP

HTML

• 记住常用的标签,div span,input meta
• 之后见到一个稍微记一下
• 使用到才去了解一些标签

CSS

语法

• CSS选择器
• 属性
• .xxx > .yyy + p{color: red;},学了语法就不要往下学,之后会经常使用HTML和CSS

套路

• 左中右布局
• 居中布局

工具

• caniuse.com
• css xxx generator(css 3 box-shadow generator)
• JS Bin/js.jirengu.com
• xxx mdn(animation mdn)
• 通过使用工具,就可以实现不写代码,就可以实现酷炫的效果

应用

做静态页面(任何你喜欢的静态页面,思考怎样做)

JavaScript

语法

• ES5
• ES6(不能直接运行在IE8上面,需要借助工具将ES6–>ES5)
• ES9(在ES6的基础上增加一下东西)
• 垃圾,但有用(坑多)

套路

• DOM(如何操作页面,通过JS操作HTML)
• AJAX(如何HTTP请求)
• 排序
• Promise(处理异步)

工具

• git和github
• webpack
• MDN

应用

• 大不大不重要,颜值最重要
• 不只是毕设
• 可以在平时的作业/作品体现自己的个性
• 记住不要自己设计,要找好看的设计稿

HTTP

概念

• 缓存
• 请求
• 响应
• cookie
• session

还需要学习脚本,做一个服务器

编程工具

• VScode(性价比高,对机器要求不高)
• Webstorm(功能强大,对硬件要求高,内存4G以上,I5以上,SSD硬盘)
• sublime(中看不中用)

面试加分项

• JS语法
• AJAX
• 作品/项目

面试必问

• AJAX(能不能说明什么是AJAX)
• jsonp
• 跨域

学习的方法

• 写博客
• 问人