前端开发
- 1、提出疑问
- 2、前端开发应用场景
- 3、前端开发就业方向
- 4、前端学习路线
- - 1、前置知识
  - 2、入门阶段
  - - 1）HTML
    - 2）CSS
  - 3、JavaScript进阶
  - 4、包管理工具
  - 5、CSS进阶
  - - 1）CSS预处理器
    - 2）CSS框架
    - 3）CSS架构规范
  - 6、构建工具
  - - 1）代码校验工具
    - 2）模块打包工具
    - 3）任务运行器
  - 7、流行框架
  - - 1）Vue.js
    - 2）React.js
    - 3）Angular
  - 8、持续学习

前端开发

1、提出疑问

疑问？
1、前端开发是什么？
2、前端开发做什么？
3、前端开发带来什么？
回答:
1-2、前端开发是开发者创建web页面或者app等前端界面并用来呈现给用户的过程（核心技术：HTML、CSS、JavaScript以及衍生出的各种技术、框架等）
3、前端开发带来改变，使网页内容更丰富，功能更加强大，使用户体验感增强

2、前端开发应用场景

PC（个人计算机或个人电脑）
移动APP（安装的移动设备，主要为智能手机和平板电脑上的应用程序）
小程序（小程序是一种不需要下载安装即可使用的应用）
游戏
服务器（服务器是指网络环境下为客户机提供某种服务的专用计算机）

3、前端开发就业方向

web前端开发工程师
小程序开发工程师
移动web开发工程师
前端架构师/前端专家
…

4、前端学习路线

1、前置知识

计算机基本认识
应用的概念
前端和后端

2、入门阶段

1）HTML

HTML语法
HTML语义化
SEO基础

2）CSS

CSS语法
页面布局
媒体查询
CSS3

3、JavaScript进阶

JavaScript语法
基本数据结构
web APIS
ES6+
模块化
TypeScript

4、包管理工具

npm
yarn

5、CSS进阶

1）CSS预处理器

SASS
LESS
PostCSS
…

2）CSS框架

Bootstrap
tabler
Semantic UI
Materialize CSS
…

3）CSS架构规范

OOCSS
BEM
SMACSS

6、构建工具

1）代码校验工具

ESLint
StyleLint
MarkdownLint

2）模块打包工具

webpack
parcel
rollup

3）任务运行器

npm scripts
Makefile
Gulp
Grunt
Broccoli

7、流行框架

1）Vue.js

VueX
Element UI

2）React.js

Redux
AntDesign
Mobx
CSS in JS

3）Angular

RxJS
ngrx

8、持续学习

node.js
渐进式web应用
服务器渲染
静态站点生成器
桌面应用
移动应用
…

前端开发----简介相关推荐

web前端技术亮点_Web前端开发职业技术要求规划
亲爱的朋友们: 大家好,我是演讲者-达达前端,也可以叫我 Jeskson ! 今天,我演讲的题目是<Web前端开发职业技术要求规划>.这个世界有很多不平凡的人,也有更多平凡的人,你是属于哪 ...
零基础童鞋快速学习前端开发 ---- (1)
初识前端 1.前端开发简介2.前端开发如何入手学习?3.前端入门学习建议4.对初学者的建议5.小结一.前端开发简介形成:从简单网页制作演变至功能强大的前端开发. 早期的网页设计制作主要内容都是静态 ...
Web前端开发职业技术要求规划
亲爱的朋友们: 大家好,我是演讲者-达达前端,也可以叫我 Jeskson ! 今天,我演讲的题目是<Web前端开发职业技术要求规划>.这个世界有很多不平凡的人,也有更多平凡的人,你是属于哪 ...
java微课版李玉臣答案_JavaScript前端开发程序设计教程（微课版）简介，目录书摘...
编辑推荐:1.86个同步案例贯穿教学,深刻理解知识点,所学即所用. 2.60个重点难点微课视频,随书扫描并观看,与文字内容相辅相成. 3.每章一个实训练习,巩固提高学习效果. 内容简介:JavaScr ...
web前端开发技术实验与实践（第三版）储久良编著项目13 设计新生课程简介
web前端开发技术实验与实践(第三版)储久良编著项目13 设计新生课程简介实训三项目13 设计新生课程简介一.页面文字素材: 英语基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...
《HTML5+CSS3+JavaScript前端开发从零开始学（视频教学版）》简介
#好书推荐##好书奇遇季#<HTML5+CSS3+JavaScript前端开发从零开始学(视频教学版)>,京东当当天猫都有发售.定价69元.本书配套本书配套示例源代码.PPT课件与同步教学 ...
前端开发中的性能那点事
前端开发中的性能那点事(一)巧用xdebug 前言: 在我们平时的php开发中,一个大的项目经过长时间的积累以后你会发现性能越来越慢,而性能到底消耗在了什么地方,常常是一个令人头疼的问题,funct ...
html调后台接口_前后端分离之让前端开发脱离接口束缚（mock）
来源 | https://www.cnblogs.com/milo-wjh/p/6424246.html前后端分重构完成,再书写交互时遇到后台接口尚未完成,无法得到接口返回的测试数据,但是我们又需要一 ...
WeApp-Workflow：基于Gulp 的“微信小程序”前端开发工作流
WeApp-Workflow 是我在开发个人微信小程序DeveWork+ 过程中积累总结而来的一个基于Gulp4 的,专门用于开发微信小程序的前端开发工作流.旨在通过自动化的方式解决微信小程序开发过程 ...

前端开发----简介

目录

前端开发

1、提出疑问

2、前端开发应用场景

3、前端开发就业方向

4、前端学习路线

1、前置知识

2、入门阶段

1）HTML

2）CSS

3、JavaScript进阶

4、包管理工具

5、CSS进阶

1）CSS预处理器

2）CSS框架

3）CSS架构规范

6、构建工具

1）代码校验工具

2）模块打包工具

3）任务运行器

7、流行框架

1）Vue.js

2）React.js

3）Angular

8、持续学习

前端开发----简介相关推荐

最新文章

热门文章