更多课程 选择中心


Web培训

400-111-8989

Web培训

Web前端能用到的技术有哪些?

  • 发布:Web前端培训
  • 来源:Web前端学习
  • 时间:2022-07-14 18:24

Web前端能用到的技术有哪些?Web前端是近期逐渐火起来的一个职业,目前呢Web前端的划分比较的宽泛,写页面算前端,做全站的也可以算前端,也是五花八门,要啥有啥。这里说下各个阶段你的前端你需要掌握什么知识。

一、Web前端能用到的技术有哪些?前端页面重构

(1)PC端网站布局

HTML基础,CSS基础,CSS核心属性,CSS样式层叠,继承,盒模型,容器,溢出及元素类型,浏览器兼容与宽高自适度,定位,锚点与透明,图片整合,表格,CSS属性与滤镜

(2)HTML5+CSS3基础项目

HTML5新增的元素与属性,表单域增强元素,CSS3选择器,文字字体相关样式,CSS3位移与变形处理,CSS32D转换与过度动画,CSS33D转换与关键帧动画,弹性盒模型,媒体查询,响应式设计,

(3)WebApp页面布局项目

移动端页面设计规范,移动端切图,文字流式/控件弹性/图片等比例/特殊设计的100%布局,等比缩放布局,viewport/meta,rem/vw的使用,flexbox详解,移动Web特别样式处理(reset,1pxborder,高清图片)

二、Web前端能用到的技术有哪些?JavaScript高级程序设计

(1)原生JavaScript交互功能开发项目

基本语法,循环语句,函数与数组,String与Date,BOM与DOM,事件,拖拽效果,cookie存储,正则表达式,Ajax,面向对象基础,运动与游戏开发

(2)面向对象进阶与ES5/ES6应用项目

Promise/A+,设计模式(观察者模式等),原型链,构造函数,执行上下文栈与执行上下文,变量对象与活动对象,作用域链,闭包,this,ES5,ES6

(3)JavaScript工具库自主研发项目

DOM库,事件库,AJAX库,原型和继承库,MVVM核心库,基于SPA的路由库

三、Web前端能用到的技术有哪些?PC端全栈项目开发

(1)jQuery经典交互特效开发

时间轴特效,tab页面切换效果,网页定位导航特效,滑动门特效,焦点图轮播特效,导航条菜单效果,瀑布流特效,弹出层效果,倒计时效果,抽奖效果

(2)PHP+MySQL后端基础项目

PHP,MySQL,HTTP(s)协议详解,Ajax进阶、跨域与Defered,Apache与Nginx环境搭建与配置,接口的定义,Mock数据,Restful,前后端联调,前端安全(XSS,CSRF,JSON注入)

(3)前端工程化与模块化应用项目

Gulp,Webpack,NPM,Git/SVN,CommonJS,AMD,CMD,ES6模块化

四、Web前端能用到的技术有哪些?移动端WebApp开发

(1)应用Vue.js开发WebApp项目

Vue.js基础,模块化,单文件组件,路由,与服务器通信,状态管理,单元测试与生产发布,服务端渲染SSR与Nuxt.js,基于Vue.js企业级项目开发(MintUI,ElementUI)

(2)应用React.js开发WebApp项目

ReactJS基础,JSX语法,组件,flux+Redux,React,Router路由,动画效果,基于React企业级项目研发(Antd,AntdMobile)

(3)应用Angular开发WebApp项目

TypeScript基础与进阶,开发环境配置,HelloWorld,架构、模块与组件,模板,元数据、数据绑定与数据显示,表单,服务与指令,依赖注入,路由,Ionic3MUI框架,

项目实战

五、Web前端能用到的技术有哪些?混合(Hybrid,RN)开发

(1)微信公众号开发

初识微信公众号,订阅号的基本功能,使用百度BAE实现代码的快速上线,使用Git完成线上代码部署,公众号开发权限及功能接入,微信JSSDK接口API,微信场景项目开发与接入

(2)微信小程序开发

微信小程序初探,小程序入门必学,小程序组件体验,小程序大功能,项目实战带你征服小程序

(3)ReactNative

ReactNative初探,ReactNative项目导航,ReactNative项目文本框,ReactNative项目滚动分页,ReactNative项目第三方登录,ReactNative其他组件

(4)各类混合应用开发

自主原生NavtiveHybrid(iOS、Android),第三方Hybrid框架Cordova/Phonegap,

第三方Hybrid框架MUI+HTML5+

六、Web前端能用到的技术有哪些?NodeJS全栈开发

(1)Node.js基础项目

NodeJS介绍,开发环境搭建,模块与包管理工具,CommonJS模块,URL网址解析,QueryString参数处理,HTTP模块,HTTP小爬虫,request方法,事件events模块,

文件fs模块,Stream流模块,原生路由与参数接收,读取图片文件,npmscripts,Yarn与PM2,

(2)MongoDB

MongoDB介绍与环境搭建,数据库常用命令,Collection聚集集合,document文档操作,聚集集合查询,NodeJS连接MongoDB

(3)GraphGL

GraphQL初探:从REST到GraphQL,GraphGL安装,准备数据源,搭建GraphQL服务器,数据查询

(4)Express

express介绍,安装和创建基于Express的项目,Express4.1x初始化项目详解,路由简介,模板引擎EJS,模板引擎Pug(Jade)

(5)Koa

Koa入门、Koa应用、中间件、Context、asyncawait、请求与响应

(6)测试框架mocha

搭建框架、断言assert、项目测试、运行多个测试

(7)socket即时通信项目

Socket简介和通讯流程,基于net模块实现socket,WebSocket,Socket.io

(8)Node.js高级全栈项目

基于Vue+Node+MongoDB+微信的高级全栈项目开发

七、Web前端能用到的技术有哪些?大数据可视化

(1)大数据可视化化基础与实战

数据可视化入门,数据可视化基础,零编程工具使用:ChartBlocks、Infogram、plotly、Raw、Tableau,D3.js详解,D3.js入门,D3.js高级应用,D3.js应用工具:NVD3、n3,charts,Highcharts,FusionCharts,Polymaps,项目实战

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:IT前端需要学什么?
下一篇:学习Web前端好吗?

Web前端能用到的技术有哪些?

IT前端需要学什么?

Web前端三大主流框架是什么?

Web前端自学要多久?

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

  • 视频学习QQ群

    添加QQ群:1143617948

    免费领取达内课程视频学习资料

Copyright © 2021 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省