拉勾教育 - 大前端就业集训营 - 学习笔记合集

2,117 阅读3分钟

笔记来源:拉勾教育 - 大前端就业集训营

文章内容:学习过程中的笔记、感悟、和经验

提示:项目实战类文章资源无法上传,仅供参考

因为可能个人原因记得比较多(太啰嗦),所以我会以链接的形式贴在下面,大家可自行点击跳转查看

Part 0 · MarkDown语法笔记

Part 1 · HTML5 网页开发

  1. 模块1:HTML网页开发、CSS基础语法

  2. 模块2:CSS核心样式、H5 + C3新特性

    CSS核心样式

    HTML5

    CSS3新特性

  3. 模块3、静态页面开发

    静态页面开发(以拉勾网为例)

  4. 模块4、移动端页面开发

    移动端开发基础

    流式布局(京东项目为例)

    flex布局(携程网项目为例)

    rem布局(苏宁移动端项目为例)

    响应式布局(阿里百秀项目为例)

Part 2 · JavaScript 网页编程

  1. 模块1 : JavaScript 语法、数据类型、流程控制

    javascript语法

    数据类型

    JS操作符

    JS流程控制语句

  2. 模块2:JavaScript 数组、对象、函数

    数组

    函数

    对象

  3. 模块3、Web APIs 网页应用编程

    DOM知识比较多,字数超了,所以分为两篇发

    DOM基础-上

    DOM基础-下

    BOM基础

  4. 模块4、 JavaScript 高级特性、ES6 新特性

    面向对象编程

    贪吃蛇项目(面向对象编程)

    继承和函数进阶

    正则表达式

    ES6新特性

  5. 模块5、jQuery 快速网页交互开发

    jQuery基础

    jQuery常用方法

    jQuery排序和动画效果

    jQuery节点操作和元素尺寸

    jQuery事件操作和插件使用

  6. 模块6、AJAX 网络编程与 Axios 库

    AJAX基础

    AJAX常用库

    跨域和模版引擎的使用

Part 3 · 前端工程化开发

  1. 模块1 : 工程化基础、自动化工具

    前端工程化概述、Node.js基础

    脚手架工具和yeoman

    自动化构建和npm-script脚本

    自动化构建工具和Gulp

  2. 模块2 : 模块化开发及规范化标准

    模块化开发

    webpack打包工具

Part 4 · Vue.js 框架及原理

  1. 模块1 : Vue.js框架基础

    Vue.js框架基础

    Vue基础指令

    Vue事件与表单处理

    Vue进阶语法

    Vue基础综合案例 - Todomvc

  2. 模块2 :组件化开发、Vue Router、Vue CLI

    Vue组件

    Vue Router(路由)

    Vue Cli

  3. 模块3 :拉勾教育管理系统项目实战

    准备工作

    登陆相关功能

    权限、资源管理

    角色、用户管理

    课程管理(部分)

    课程内容管理

  4. 模块4 :拉勾教育移动端项目实战

    项目搭建和选课功能

    登录、用户功能

    学习、课程详情、课时视频功能

    支付、打包优化

  5. 模块4 :Vue.js高阶特性及原理实现

    响应式原理

    Virtual DOM

Part 5 · React实战开发

  1. 模块1 :React框架基础、JSX、React Router

    React框架基础 - 1、基础理论 (juejin.cn)

    React框架基础 - 2、简单学生管理系统案例

    React框架基础 - 3、基础进阶

    React框架基础 - 4、todosList案例实战(上)

    React框架基础 - 4、todosList案例实战(下)

    React框架基础 - 5、React Hook钩子、路由

  2. 模块2 :拉勾教育图书电商项目实战

    React项目实战(上)

    React项目实战(下)

  3. 模块3 :数据流方案、服务端渲染方案

    Redux案例(巩固) (juejin.cn)

    Redux原理

    MobX - 简单的可扩展状态管理

    MobX版todo案例

    ReactSSR - React服务器渲染

    集成式SSR框架 - Next.js

    拉勾电影 - NextJS案例实战

Part 4 · React实战开发

  1. 模块1 :小程序开发基础

    微信小程序基础

    微信小程序基础操作(实际操作)

    高德导航项目 - 微信小程序实战

    uni-app入门