# (一) HTML CSS JavaScript

# 1. 视频学习

(1)黑马程序员pink老师的h5(html5) +css3+移动端前端视频教程 (opens new window)
(2)为初学者准备的:HTML 速成 (opens new window)
(3)为初学者准备的:CSS 速成 (opens new window)
(4)为初学者准备的:JavaScript 速成 (opens new window)
(5)为初学者准备的:DOM 速成 (opens new window)

# 2. 文档学习

(1)菜鸟教程 (opens new window)
(2)w3school教程 (opens new window)
(3)css3参考手册 (opens new window)

# 3. 小任务

  • HTML
    • 基本标签的了解和使用
    • 前端语义化
  • CSS
    • 选择器
    • 盒子模型
    • flex
    • float
    • 常见的布局做法
  • JavaScript
    • 基本语法
    • 数据类型
    • 作用域
    • 异步编程
    • 调试

# 4. 小作业

(1)登录页面

  • 编写一个登录页面
  • 要求:基本的登录注册功能、一定的页面美化

(2)登录页面 - 校验

  • 优化登录页面,增加表单校验
  • 要求:对用户名、密码、邮箱等信息进行格式、非空、长度校验

(3)登录页面 - 网络请求

  • 优化登录页面,增加网络请求发送
  • 要求:引入 JQuery,发送 AJAX 请求 【不要求后端,发出请求即可】

(4)网页仿写

  • 选择一个已上线的网页,进行仿写。

# (二) Vue

# 1. 视频学习

(1)Vue从入门到精通 (opens new window)
(2)Vue + Element-UI 项目实战 (opens new window)

学习 element ui 的使用,不用全部看完,看完一到两个增删改查就行。这个项目缺乏组件化思想,重复性代码很多

# 2. 小任务

  • MVVM
  • 双向绑定
  • 模板语法、生命周期、计算属性、监听器、插槽等
  • 组件化
  • webpack
  • Vue Cli
  • Vue 生态
  • Element UI 的引入和使用

# 3. 小作业

(1)搭建项目

  • 学会使用 Vue Cli 搭建项目,引入 Vue Router、VueX 等。
    (2)登录页面 - Vue
  • 用 Vue 重写登录界面
    (3)网页仿写 - Vue
  • 用 Vue 重写前面仿写的网页
    (4)登录页面 - Element
  • 用 element ui 中的组件替换原有的组件
    (5)增删改查 - Element
  • 用 element ui 编写一个用户管理页面
  • 要求:增删改查、表单编辑、表单验证

# (三) 数据库

# 1. 视频学习

MySQL教程 (opens new window)

# 2. 文档学习

(1)数据库入门 (opens new window) (2)MySQL菜鸟教程 (opens new window)

# 3. 小任务

  • 安装配置
  • 数据库的增删改查
  • 基本数据类型
  • 表的增删改查
  • 行的增删改查
  • 连接查询、模糊查询、常用函数
  • 索引、存储过程、触发器

# (四) JAVA 基础

# 1. 文档学习

Java菜鸟教程 (opens new window)

# 2. 小任务

  • 面向对象
  • 数据类型
  • 基本语法
  • 集合
  • IO
  • 简单 JDBC

# (五) Spring、Spring MVC、Mybatis

# 1. 视频学习

(1)Spring5教程IDEA版 (opens new window)
(2)SpringMVC教程IDEA版 (opens new window)
(3)Mybatis教程IDEA版 (opens new window)

# 2. 小任务

  • 三层架构
  • AOP
  • IOC
  • MVC
  • Spring MVC 对于 Web 的封装
  • 什么是持久层?

# 3. 小作业

(1)登录页面 - 后台

  • 编写登录页面的后台
  • 要求:接收登录参数,向数据库校验是否正确,返回结果 (2)增删改查 - 后台
  • 编写用户管理页面的后台
  • 要求:增删改查、参数验证

# (六) 前后端交互

# 1. 小任务

  • 前后端分离
  • 跨域
  • RESTful
  • Cookie
  • Session
  • JSON

# (七) SpringBoot

# 1. 小任务

  • 了解自动装配
  • 了解 starter

# 2. 小作业

  • 用 SpringBoot 重写前面的后端

# (八)服务器

# 小任务

  • Linux 基本使用
  • 远程服务器连接
  • Nginx 的安装与配置
  • JAVA、MySQL、Redis 的安装与配置
  • Docker 基本使用

# (九)工具学习

# 小任务

  • Git
  • MarkDown