18210331609

WEB FRONT END

WEB前端知识体系包括哪些内容？

前端工程师进阶全栈工程师必学22个Web知识模块

  • HTML5

  • CSS3

  • JavaScript

  • BOM&DOM

  • jQuery

  • HTTP

  • AJAX

  • H5高级

  • 响应式布局

  • Bootstrap 框架

  • 移动端适配

  • WebApp

  • 混编 App

  • 微信公众号

  • 微信小程序

  • Vue.js

  • Angular

  • React.js及
    各自的生态A圈

  • Node.js

  • 数据库

  • 模块化和
    自动化构建

  • 项目管理技术

web前端知识体系梳理

WEB FRONT END

Html5/CSS3/JS深入学习 打造Web全栈工程师

达内web课程体系完善，前端核心+三大框架+移动端开发全面覆盖

  • WEB访问优化

  • 浏览器兼容性

  • 前端编程

  • 服务器端技术

  • 高级编程

  • 前端框架/库

  • 移动终端

  • 前端标准规范

立即报名学习

WEB FRONT END

WEB前端全套视频教程 零基础轻松入门

学web前端开发，入门+进阶+精通视频教程免费分享

  • 初级教程
  • 中级教程
  • 高级教程
  • 适合人群：零基础小白
  • 视频内容：前端交互设计（UI Design）
  • 学习时长：21节课时
  • 适合人群：有一定前端基础及对IT感兴趣的人员
  • 视频内容：Web微信开发
  • 学习时长：49节课时
  • 适合人群：有一定前端基础及对IT感兴趣的人员
  • 视频内容：Web前端开发框架
  • 学习时长：94节课时
更多免费视频教程

WEB FRONT END

超详细学习路线 4个月进阶Web全栈工程师

全程实战学习，快速掌握web开发技术

  • 服务器端技术

    模 块 学习内容 学习目标
    项目导入 Wｅb程序的结构与部署、项目开发流程、项目需求分析、Web服务器的使用 了解企业项目开发流程，理解WEB程序结构与部署
    数据库和SQL语言 服务器概述、数据库服务器、维护数据库、维护数据表、创建表、列类型、列约束、基础查询、复杂查询、关联查询、子查询、跨表查询、常用函数 根据需求完成数据表创建，掌握常用数据库操作
    编程语言基础 JavaScript 的V8引擎运行环境、JavaScript代码的编写与调试、JavaScript的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用等 能使用 JavaScript 实现逻辑算法、流程控制、函数，以及常用API
    Node.js服务器端 搭建服务器端运行环境、异步和同步、进程和线程、回调和事件循环队列、交互模式和脚本模式、CommonJS规范Node.js核心模块、NPM和第三方模块、Express框架等 能使用 JavaScript 实现逻辑算法、流程控制、函数，以及常用API
    阶段项目 “学子商城”数据API接口设计：项目基础结构搭建、服务器端功能实现；Git命令实现版本管理、使用Github远程仓库；购买域名、购买并使用云服务器 掌握企业级项目后端数据RESTful API 的定义及实现过程

  • 前端核心技术

    模 块 学习内容 学习目标
    HTML基础 HTML5 语法概述、文本系列标签、图像和路径、链接和锚点、表格和数据、有序列表无序列表、表单和输入项、frame和iframe、HTML5新标签的浏览器兼容性问题 熟练掌握各种 HTML5 标签，能够快速完成各种页面元素的编写
    HTTP&AJAX HTTP协议详解、三次握手/四次挥手、异步和同步、AJAX原理、原生AJAX 实现、GET/POST/PUT/DELETE请求、JSON和XML 的定义和使用、WEB调试技巧 熟练使用 AJAX 实现与服务器的异步通信，并完成页面局部提交和刷新
    阶段项目 “学子商城”数据API的异步请求：项目搭建、项目资源管理、静态页面编写、服务器端数据获取、异步数据处理 深入理解 Web程序的结构和运行原理以及项目的开发流程
    CSS基础 CSS3 基础语法、各种选择器、框 模 型与背景、文本格式化、表格、显示与定位、CSS样式的浏览器兼容性问题、CSS Reset、Normalize.css的使用 熟练掌握常用 CSS 选择器以及CSS样式定义和使用
    CSS3高级 复杂选择器、2D/3D 转换、Transition过渡动画、Keyframes关键帧动画、弹性布局、CSS Hack和优化、CSS3新特性的浏览器兼容性、Animate.css动画库的使用 熟练掌握各种 CSS 动画特效等高级应用，实现页面弹性布局
    响应式&Bootstrap 媒体查询技术、CSS 的@media规则、手动编写以及测试响应式网页、Bootstrap基础及其基础模板、全局CSS 样式、栅格布局系统、组件、JS插件等内容 掌握 Bootstrap 框架的核心样式架构思想
    阶段项目 “学子商城”响应式版本实现：响应式首页、商品列表页、商品详情页、用户相关功能页 熟练掌握媒体查询的使用，使用栅格布局系统实现响应式页面布局

  • 前端进阶技术

    模 块 学习内容 学习目标
    JS高级 正则表达式、Function与匿名函数、作用域与闭包、面向对象编程、Object对象与对象模板、this、call()/bind()/applay()、原型与继承、原型链等 掌握 JS 原生对象 API 的使用
    BOM&DOM Document对象、节点对象、节点树和元素树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型等 熟练掌握DOM&BOM编程API的使用
    阶段项目 “学子商城”用户交互效果实现：级联下拉菜单、手风琴和树形菜单、弹出框和模态框、轮播广告多种实现、滚动监听 熟练掌握原生DOM&BOM操作
    jQuery jQuery原理解析、jQuery选择器、jQuery 的 DOM 操作、jQuery事件、事件冒泡与事件处理、jQuery动画、jQuery常用Plug-in、开发jQuery插件等 掌握jQuery核心API，深入理解jQuery设计思想
    阶段项目 “学子商城”管理后台子系统：前台子系统完善、管理后台功能实现、前后端数据交互、复杂跨域访问（JSONP、CORS、请求代理） 熟练掌握全栈开发中，从前端到后台开发的全部技能
    TypeScript和Vue.js TypeScript语言、静态类型和基于类的面向对象、MVC和MV VM模式、双向数据绑定原理分析及实现、计算属性、Vue 指令、组件化应用构建等 熟练掌握数据驱动的渐进式框架，能够熟练使用 Vue.JS 实现视图层的开发
    阶段项目 “学子商城”MVVM框架重构：使用Vue.js框架重构“学子商城”项目管理后台子系统 基于后台功能接口，实现后台管理站点的WEB前端功能开发

  • H5 移动端开发

    模 块 学习内容 学习目标
    Vue.js组件库 自定义复杂页面组件、基于最新版Vue.js的PC端组件库Element-UI；移动 UI 组件库 Mint UI，JS组件、CSS组件、表单组件 掌握自定义UI组件方法，掌握更多扩展组件库自学技巧
    阶段项目 “学子商城”移动端子系统：使用基于Vue.js的移动端组件库实现商品模块、用户模块和购物车模块的功能点 掌握Vue.js整合第三方UI组件库的使用方法
    H5高级 表单功能、增强的表单控件、新表单元素及属性、表单验证、音频和视频处理、Canvas 绘制及图像处理、SVG 元素及使用、ECharts和数据可视化、Two.js 框架的使用等 能够熟练使用新表单特性实现页面功能
    阶段项目 “学子商城”后台管理子系统功能迭代：推送式应用统计、实时访问可视化统计、历史记录等、富客户端编辑器、拖放式异步文件上传等 能够熟练使用 HTML5 的相关技术实现 WEB应用开发
    小程序和轻应用 微信开发准备、微信小程序开发、WXML／WXSS语法、微信小程序常用组件及API、支付宝小程序、百度智能小程序、头条小程序、uni-app/mpvue等多端框架 能够基于微信平台开发微信应用小程序
    阶段项目 “学子商城”小程序子系统开发：微信小程序版本实现商品模块、用户模块和购物车模块功能点 熟练掌握微信小程序的开发流程、常用组件和常用API
    HybridApp 混编APP概述、PhoneGap/Cordova环境搭建、移动端事件处理、震动蜂鸣和加速度、地理位置和指南针等传感器的使用、多媒体控制、声音和图像采集、APP打包部署 熟练使用 PhoneGap/Cordova 实现混编 APP 开发

  • 框架技术

    模 块 学习内容 学习目标
    React和ReactNative 最新版React.js 概述、环境搭建、JSX语法、组件、state、组件生命周期、事件处理、表单、虚拟DOM实现、服务器端渲染(SSR)等 能够熟练使用 ReactJS 实现视图层的创建和服务器端渲染(SSR)
    阶段项目 “学子商城”移动端子系统重构：使用跨平台移动应用开发框架，实现Hybrid App的开发 熟练掌握React Native的开发技能，能够灵活选择框架技术并实现APP的开发
    Python和Django Python基本语法、数据类型、运算符、逻辑结构、函数和对象、模块和包、数据库访问；Django框架、视图、模板系统、数据访问、RESTful/GraphQL接口开发 熟练使用Django框架提供符合RESTful/GraphQL风格的服务器端API
    Angular和Ionic 设计原则和模式、最新版Angular的表达式和指令、MV*编程模型、控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件压缩、模块化编程等 能够熟练使用 Angular 实现页面的重构和单页面 WEB 应用程序的开发
    阶段项目 “学子商城”后台管理子系统重构：使用Angular框架技术重构“学子商城”项目的管理后台 学习从功能分析到软件设计、再到功能实现的整个开发流程
    就业冲刺 “冲刺项目”：整合H5 Canvas绘图/ECharts.js数据可视化技术、WebWorker性能优化方案、WebStorage客户端存储、WebSocket数据推送服务、MySQL数据库等 掌握Vue.js全家桶在项目中的配合使用；熟练掌握组件式项目开发及前后端分离的WEB项目架构

  • 零基础公开课

    模 块 学习内容 学习目标
    Web训练营 全面学习HTML 5常用标签、CSS3样式 基础及页面布局知识、掌握JavaScript基础语法、制作简单页面交互动画、图形化方式理解关系型数据库MySQL中的数据存储特性 掌握WEB开发核心HTML/CSS/JS技术
获取完整学习内容

  • 永久观看

  • 系统化学习

  • 7*12小时答疑

  • 面授+在线学习

  • 1对1指导

WEB FRONT END

Web学员实力作品 增加求职竞争优势

达内Web学员作品展示（部分），技术能力达到企业级工作需求

  • 平 台

    移动端响应式PC版

  • 技术栈

    bootstrapvueangularreact

  • 网站类型

    电子商场人才招聘新闻媒体运动体育旅游生活服务社交网络女性时尚医疗保健网址导航
    博客游戏音乐影视

NEXT

PREV

获取项目教程和源码

WEB FRONT END

Web前端开班盛况 以梦为马不负韶华

不同的人，不同的起点，他们都在为同一个理想而奋斗!

预约申请免费试听课

WEB FRONT END

Web前端学习资料限时免费领取

达内web课程体系完善，前端核心+三大框架+移动端开发全面覆盖

  • Web前端7天免费试学精品课
  • Web前端职业规划及宝典
  • Web工程师面试技巧总结
  • Web开发学习路线图
  • Web前端开发工具包
  • Web前端新手必学知识点
一键下载全部学习资料

2002- 达内时代科技集团有限公司(TARENA INTERNATIONAL,INC.)
版权所有京ICP备08000853号-56