前端开发----简介

前端开发

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应用
  • 服务器渲染
  • 静态站点生成器
  • 桌面应用
  • 移动应用
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值