美文网首页好程序员大前端
好程序员web前端学习路线

好程序员web前端学习路线

作者: ab6973df9221 | 来源:发表于2019-05-28 16:07 被阅读13次

好程序员特训营是中国高端IT培训品牌,致力于互联网精英人才培养,只塑造符合企业实际需求的复合型高端人才、项目管理人才。HTML5好程序员是业内优秀的全栈工程师+架构师的梦工厂,主要的目标是:培养月薪15K+到25K+高薪就业;就职高级全栈工程师、架构师、项目经理职位;成为公司领导满意、客户满意及同事满意的技术精英。

二、课程设计原则

以培养移动互联网精英人才为着力点以塑造符合企业实际需求的复合型高端人才、项目管理人才为目标以学员就职名企及高薪就业为导向以学员长远职业发展为方向

第一阶段

课程大类课程细类课程内容课程项目可从事岗位前端页面重构PC端网站布局

HTML基础,CSS基础,CSS核心属性

CSS样式层叠,继承,盒模型

容器,溢出及元素类型

浏览器兼容与宽高自适应

定位,锚点与透明

图片整合

表格,CSS属性与滤镜

世纪佳缘用户注册页布局

卧龙控股网站项目布局

华帅灯饰网站项目布局

千锋互联网站项目布局

京东首页布局

腾讯游戏首页布局

BOSS直聘布局

麦田国际项目布局

Web前端开发工程师前端页面布局与重构工程师HTML5+CSS3基础

- HTML5新增的元素与属性

- 表单域增强元素

- CSS3选择器

- 文字字体相关样式

- CSS3位移与变形处理

- CSS3 2D转换与过度动画

- CSS3 3D转换与关键帧动画

- 弹性盒模型

- 媒体查询

- 响应式设计

探路者页面布局

2D相册

3D相册

CSS3绘制机器猫

CSS3绘制自行车

骰子布局

WebApp页面布局

- 移动端页面设计规范

- 移动端切图

- 流式布局(100%布局)

- 等比缩放布局(rem布局)

- 响应式布局

- viewport

- rem/vw的使用

- flexbox详解

- 移动端reset, 1px border, 高清图片

- 淘宝移动端页面适配方案

Ghost 开源博客平台页面的响应式布局

足球圈M站布局

第二阶段

课程大类课程细类课程内容课程项目可从事岗位高级程序设计(5周)原生 交互功能开发

- 基本语法

- 循环语句

- 函数与数组

- String与Date

- BOM与DOM

- 事件

- 拖拽效果

- cookie存储

- 正则表达式

- Ajax

- 面向对象基础

- 运动与游戏开发

蘑菇街瀑布流

打砖块游戏开发

淘宝商品查询

微信飞机大战游戏开发

智能问答机器人

Web前端工程师

高级Web前端工程师

网站开发工程师

移动前端开发工程师

项目经理

团队leader

面向对象进阶与ES5/ES6/ES7应用

- Promise

- 设计模式(观察者模式等)

- 原型链

- 构造函数

- 执行上下文栈与执行上下文

- 变量对象与活动对象

- 作用域链

- 闭包

- this

- ES5

- ES6

- ES7

微信飞机大战游戏开发(升级版)

工具库自主研发

- DOM库

- 事件库

- AJAX库

- 原型和继承库

- MVVM核心库

- 基于SPA的路由库

千锋JS工具库

PC端全栈开发(3周)jQuery经典交互特效开发

- 时间轴特效

- tab页面切换效果

- 网页定位导航特效

- 滑动门特效

- 焦点图轮播特效

- 导航条菜单效果

- 瀑布流特效

- 弹出层效果

- 倒计时效果

- 抽奖效果

天猫首页交互开发

PHP+MySQL后端基础

- Apache

- PHP

- MySQL

- HTTP(s)协议详解

- Ajax进阶、跨域与Defered

- Apache与Nginx 环境搭建与配置

- 接口的定义

- Mock数据

- Restful

- 前后端联调

- 前端安全(XSS,CSRF,JSON注入)

Smartisan手机商城后端接口开发

前端工程化与模块化应用

- Gulp

- Webpack

- NPM

- Linux命令

- Git/SVN

- CommonJS

- AMD

- CMD

- ES6模块化

Smartisan手机商城开发工程化环境搭建

PC端全栈开发项目

- 大首页、列表页与详情页

- 展示与交互特效

- 搜索

- 登录与注册

- 购物车

- jQueryUI 与 jQuery EasyUI

- Bootstrap(ACE)

- Highcharts/Echarts

- ArtTemplate

- velocity

- smarty

- 云平台系统前端

- Apache+PHP+MySQL服务器搭建

第三阶段

课程大类课程细类课程内容课程项目可从事岗位Node.js后端开发Node.js基础

一、Node.js基础

- Node.js介绍

- 开发环境搭建

- 模块与包管理工具

- CommonJS模块

- URL网址解析

- QueryString参数处理

- HTTP模块

- HTTP小爬虫

- request方法

- 事件 events模块

- 文件 fs模块

- Stream 流模块

- 原生路由与参数接收

- 读取图片文件

- npm  s

- Yarn 与 PM2

二、MongoDB

- MongoDB介绍与环境搭建

- 数据库常用命令

- Collection聚集集合

- document文档操作

- 聚集集合查询

- NodeJS连接MongoDB

三、GraphGL

- GraphQL初探:从REST到GraphQL

- GraphGL安装

- 准备数据源

- 搭建GraphQL服务器

- 数据查询

四、Express

- express 介绍

- 安装和创建基于Express的项目

- Express 4.1x 初始化项目详解

- 路由简介

- 模板引擎EJS

- 模板引擎Pug(Jade)

五、Koa2

Node.js基础案例.

高级Web前端工程师

全栈工程师

移动前端App开发工程师

微信开发工程师

小程序开发工程师

数据可视化开发工程师

Node.js高级全栈项目

基于M站+Node.js+MongoDB高级全栈项目开发

打造仿拉勾网M站

Vue.js前端框架Vue.js开发基础

- WebApp开发基础(Webstorage,移动端事件,UI组件, Zepto, IScroll, Swiper)

- MVVM模式

- 前端组件化

- 单文件组件

- 组件间传值

- Vue实例

- E19Vue实例生命周期

- Vue的模版语法

- 计算属性,方法与侦听器

- 计算属性的 getter 和 setter

- Vue中的样式绑定

- Vue中的条件渲染

- Vue中的列表渲染

- Vue中的set方法

- 父子组件间的数据传递

- 组件参数校验与非 props 特性

- 给组件绑定原生事件

- 非父子组件间的传值

- 在Vue中使用插槽

- 作用域插槽

- 动态组件与 v-once 指令

- Vue动画

Vue.js基础案例

应用Vue.js开发WebApp项目

- 环境配置

- 项目代码介绍

- 单文件组件与Vue中的路由

- 单页应用VS多页应用

- Mint UI

- Element UI

- 项目的联调,测试与发布上线

打造仿卖座网移动端网站

React前端框架React 开发基础

- React简介

- React开发环境准备

- React中的组件

- JSX语法

- 拆分组件与组件之间的传值

- React developer tools 安装及使用

- PropTypes 与 DefaultProps 的应用

- props,state 与 render 函数的关系

- 深入了解React虚拟DOM

- 虚拟 DOM 中的 Diff 算法

- React 中 ref 的使用

- React的生命周期函数及使用场景

- 使用Charles实现本地数据mock

- React 中实现 CSS 动画效果

- react-transition-group 实现动画

- Redux 概念简述和工作流程

- Action 和 Reducer 的编写

- ActionTypes 的拆分

- 使用 actionCreator 统一创建 action

- UI组件和、容器组件及无状态组件

- 使用Redux-thunk 中间件实现ajax数据请求

- Redux-saga 中间件使用

- React-redux 中间件使用

React基础案例

应用Reat开发WebApp项目

- Ant Design组件库

- React Router 4 路由

- 项目组件编写

- 使用 Immutable.js 来管理store中的数据

- 项目的联调、测试与发布上线

打造在线英文教育网

微-信开发与支付宝开发微信公众号开发

- 初识微-信公众号

- 订阅号的基本功能

- 使用百度BCE实现代码的快速上线

- 使用Git完成线上代码部署

- 公众号开发权限及功能接入

- 微-信JSSDK接口API

- 微-信场景项目开发与接入

卖座电影项目接入微-信

微-信小程序开发

- 微-信小程序初探

- 小程序入门必学

- 小程序组件体验

- 小程序API讲解

- Wepy小程序开发框架

- MpVue小程序开发框架

造萌宠交易平台阿里钉钉企业E应用(支付宝小程序)

- E应用功开发入门

- E应用开发流程

- E应用开发基础

- E应用开发实战

支付宝小程序报表系统Angular前端框架Angular6基础

- Type  基础与进阶

- 开发环境配置

- Hello World

- 架构、模块与组件

- 模板

- 元数据、数据绑定与数据显示

- 表单

- 服务与指令

- 依赖注入

- 路由

- Ionic 3 框架

直播课管理系统

跨平台手机APP

大数据可视化大数据可视化基础与实战

- 数据可视化基础

- Echars、Hignchars

- D3.js 入门

- D3.js 进阶

- D3.js 选择集与数据

- D3.js 高级应用

- D3.js 应用工具:NVD3、n3-charts

公安警情可视化系统

前端技术开发原生AppReact Native开发

- RN 开发环境准备与基础组件介绍

- 多组件集成应用实现TodoList

- 美食App首页布局及Tabbar的深入理解

- 引入路由,通用模块及列表页面布局

- 复用组件并在项目中引入redux

- 页面代码优化及Webview组件的使用

- 使用RN中的本地存储实现设置功能

- RN内置API详解

- RN内置组件,Expo内置API详解及项目上线流程

公安警情可视化系统

Weex开发

- 快速上手Weex

- 集成Weex到已有应用

- 前端框架

- 在Weex中使用Vue.js

- 搭建开发环境

- 创建一个App

- 初始化

- 开发

- 编译和运行

- 调试

- 发布上线

Weex版爱美食APP

前端前沿技术前端相关前沿技术精讲

- Webpack 4

- Koa2 + AdonisJS + Egg.js

- 服务端渲染基础 + Next.js + Nuxt.js

- Mobx状态管理

- Type 在Vue.js及React中的应用

- APICloud + DCloud

- Vue 与 React 源码解读

前沿技术在项目中的应用

第四阶段

课程大类课程细类课程内容课程项目可从事岗位Java Web开发企业级开发技术架构实战

- Java/JSP进阶

- Struts

- Spring

- Hibernate

- Oracle

Java Web基础案例

资深Web前端工程师

多栖全栈工程师

前端架构师

商城项目整站开发

- 基于Apache的集群搭建(负载均衡)

- 模板引擎FreeMarker

- 项目整站静态化

- 高级构建工具Maven

共享单车后台系统(Java版)Android/iOS原生开发Android开发

- Android基础与环境搭建

- Android UI基础与进阶

- 核心组件应用

- 数据存储于相关组件

- 移动开发主流界面

- 应用核心组件

- view深入开发

外卖系统项目

iOS混合开发

- 为什么使用JSBridge

- JSBridge初始化

- JS加载iOS模块

- iOS执行JS

- 应用打包部署与发布

iOS混合开发项目

Python全栈开发Python基础

一、Python基础

- Python基础语法

- python字符串解析

- python时间和日历

- python文件操作,数据处理

- python面向对象高级语法

-命名空间和作用域

- Python正则表达式

- Python常用第三方库

- Python网络编程

二、Django

- Django介绍

- 安装和创建基于Django的项目

- 初始化项目详解

- 路由简介

- 模板引擎

- 模型

- Admin管理工具

- Django + Mysql项目实战

WebApp后端系统

web框架Flask

- VirtualEnv安装

- 创建Flask项目

- 路由

- 视图与模板引擎Jinja2

- MongoDB

- MongoEngine

- 共享单车后台系统开发

共享单车后台系统(Python版)Python爬虫实战

- 爬虫基础

- Urllib库的基本使用

- Urllib库的高级用法

- URLError异常处理

- Cookie的使用

- Beautiful Soup的用法

- 利用爬虫获取商品价格

- 比价网实战

比价网架构大型前端项目架构与联合项目

- git高阶应用

- chrome中的高级调试功能

- 如何权衡组件拆分的粒度

- 什么是最佳实践

- 常见前端攻击demo详解

- 什么是前端监控异常

- 如何了解网站前端代码线上的实际性能

- 前端代码发布上线流程详述

- 搭建前端异常监控系统,实现线上异常收集,自动短信报警

- 搭建前端自动化发布系统,实现前端代码自动化上线架构实战课程优势

相关文章

网友评论

    本文标题:好程序员web前端学习路线

    本文链接:https://www.haomeiwen.com/subject/fqpdtctx.html