前端入门阶段怎么学

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

需要学习的语言

  • 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
  • 跨域

学习的方法

  • 写博客
  • 问人

你可能感兴趣的:(前端)