一、了解前端
提出问题
1、什么是前端
2、上班后和前端合作的都是谁?
3、前端上班后都写什么项目占比大?
4、清楚一个项目开发的基本流程
网站是什么相信大家都清楚,例如百度、知乎等。一个网站是由多个网页构成的,而网页是怎么做出来的,这就有几个步骤了。
项目开发最简流程
- 产品经理设计网页的原型(这个网页都有什么内容)
- ui根据产品经理的原型做出更加完美的网页
- 而前端根据原型搭出这个网页的框架,根据ui做出样式的调整
- 搭好框架,和后端接口联调,实现前后端交互
- 功能完成,测试测一下前端的功能,有bug就修复
- 这样一个页面就差不多完成了,多个页面组合起来就是一个网站
- 这是一个项目开发的简单过程
- (以上流程只争对前端,最相关的,最简单的流程,详情可以百度)
总结
前端需要做的就是根据原型ui用代码写出页面功能,和后端实现数据交互的岗位
原型示例
目前,pc端,前端做管理系统或者在类似管理系统的项目基础上做开发的占比较多,里面有导航、表格、图表、上传和编辑等等功能,这里简单的交代一下上班后的原型,下面图片是从网上随便找的,以后上班经常会做这种类型的项目。相反,商城和官网的项目也有,但是比较少,pc端就是这样的。
UI示例
原型就是项目的框架和基本展示,不包括任何美化,而ui就是对原型进行美化的,在原型的基础上做出美观的设计,例如细节布局,颜色,大小,小图标等等,下面是我在网上随便找的项目ui图。前端,我们就是将他们设计的静态效果,使用代码来展示出来的工作。
二、具备能力
很多人都说面向百度开发,面向谷歌开发,其实现实是有一定道理的。即使是开发经验很久的程序员,也会遇到不确定不了解的功能,这个时候就需要自己全网查找了,是直接复制过来用,还是在查出来的基础上进行二次开发,再或者是查不到得自己写,这几点都建立在查的基础上。
所以,大家一定要具备自己独立解决问题的能力。遇到问题,遇到bug很正常,我们不可能遇到一个问题就去求救同事,有时候是没人会帮助你的,毕竟大家都在忙。所以,从第一讲,我在这里提示大家,遇到问题先自己查,自己解决。解决后做好笔记在csdn,以便于以后再次遇到。
三、学习路线
1、html,css,html5,css3
2、webApi
3、js基础-js高级-git
4、vue2,elementui,echarts
5、axios实现数据交互
6、vue3
7、小程序
四、本课程适合群体
上班,项目使用什么就讲什么,不使用的不讲,但并不代表不重要。这个课程是前端应急版本,适合即将实习或者已经实习但基础不扎实动不了手的大学生,快速的解决那种焦虑和尴尬的处境。毕竟其他课程资源,整个前端五六百节课,这部分朋友根本找不到重点,不能很快的就上手。还有就是为自学的朋友指引正确的方向,别一直在不用的地方原地踏步走。
五、组件库
(本知识点暂时不要求掌握,自己去官网看看效果,随便点一下,加深印象)
上班经常使用什么组件库?啥是组件库?
- PC端:
- elementui 官网:
https://element.eleme.cn/#/zh-CN/component/layout - echarts 官网:
https://echarts.apache.org/v4/examples/zh/index.html - 移动端:
- Vant 官网:
https://youzan.github.io/vant-weapp/#/rate - uniapp 官网:
https://uniapp.dcloud.io/
40分钟视频介绍