花了我一周的时间,终于整理出这篇适合初学者的前端学习路线!
01 了解前端
前端,是相对后端而言的。那么怎么区分这两者?
简单来说,给用户看的、操作的就是前端,比如web网页、移动端网页、APP、小程序,凡是我们在电脑/手机/其他设备上能看到的,基本都是前端的范畴。而用户看不见的、涉及逻辑功能、应用数据处理模块的,则属于后端(或称为服务端)。
通俗来讲,前端在一个项目里的工作是这样的:拿到UI设计的设计稿,然后实现设计稿,并且调用后端程序员给的数据接口以获取数据,然后测试,最后部署上线。
在这个过程中,前端主要利用HMTL与CSS建构页面(其中HMTL构建骨架,CSS构建样式),用JavaScript获取后端数据以及完善交互和用户体验。
HTML、CSS、JavaScript,是前端开发中最基本也是最必须的三个技能。
02 前端学习的三个阶段
第一阶段学习内容包括:
开发环境搭建(开发工具、基础的计算机命令)
HTML(常用的标签、表单、语义化、多媒体、常用的api、Dom)
CSS(基础语法、样式的优先级、弹性盒模型、动画和过渡效果)
JavaScript(基础语法、队列链条哈希等常见的数据结构、JavaScript执行机制、面向对象,正则表达式等,其中闭包、promise、类型转化、作用域是重点)
网络相关基础(常见的通信、常见的响应方式和状态码、ajax通信、mock数据)
浏览器相关的知识(浏览器的兼容性、SEO、Debug)