# my-web

**Repository Path**: north_gate/my-web

## Basic Information

- **Project Name**: my-web
- **Description**: 一个没人写前端所以就自学前端的后端程序员的WEB前端教程资料
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 1
- **Created**: 2022-01-31
- **Last Updated**: 2024-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 从零开始学WEB前端💦——开篇

## 📓项目介绍

>祝大家新年快乐，在新的一年中我会和大家一起学习WEB

先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员🙇。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员😂。

该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过并觉得不错才放上去的。每次的代码和笔记我都放在了开源仓库里，有需要的同学请不要吝啬给我一个star。如果觉得本文写的不错的话记得点赞+关注，你们的支持是我坚持下去的动力😃。

> 路漫漫其修远兮，吾将上下而求索 ——屈原《离骚》

语雀地址：[https://www.yuque.com/beilayanmen](https://www.yuque.com/beilayanmen)

Github地址：[https://github.com/SuZui-cn/my-web](https://github.com/SuZui-cn/my-web)

Gitee地址：[https://gitee.com/north_gate/my-web](https://gitee.com/north_gate/my-web)

个人博客地址：[https://foollyone.cn/](https://foollyone.cn/)

## ☘︎涵盖知识点

* [开篇](https://blog.csdn.net/su_zui/article/details/122761856)
* [01-前置知识以及环境搭建](https://blog.csdn.net/su_zui/article/details/122780768)
  * 前置知识
  * Chrome浏览器

  * VSCode
* [02-HTML理论讲解](https://blog.csdn.net/su_zui/article/details/122814320)
  - 我们的第一个网页
  - W3C
  - HTML概念
  - HTML结构详解
  - HTML规范
* [03-HTML实战练习](https://blog.csdn.net/su_zui/article/details/122851681?spm=1001.2014.3001.5502)
  * VSCode基本介绍
  * HTML常用标签
  * HTML标签练习
  * 善于实用搜索引擎
* [04-CSS基础](https://blog.csdn.net/su_zui/article/details/122915398?spm=1001.2014.3001.5502)
  * CSS概述
  * CSS语法
  * HTML引入CSS
  * CSS选择器
  * 属性
  * 盒子
  * 案例
* [05-CSS进阶](https://blog.csdn.net/su_zui/article/details/122973887?spm=1001.2014.3001.5501)
  * CSS布局相关
  * 动画
  * 组件库的使用
  * 小技巧
* [06-HTML5+CSS3](https://blog.csdn.net/su_zui/article/details/123013420?spm=1001.2014.3001.5502)
  * HTML5介绍
  * HTML5新增内容
  * CSS3介绍
  * CSS3新增内容
* [07-JavaScript基础基础介绍](https://blog.csdn.net/su_zui/article/details/123123331?spm=1001.2014.3001.5502)
  * 什么是JavaScript
  * 基本作用
* [08-JavaScript数据类型](https://blog.csdn.net/su_zui/article/details/123287716)
  * 基本数据类型
  * 复杂数据类型
* [09-JavaScript流程控制语句](https://blog.csdn.net/su_zui/article/details/123390447?spm=1001.2014.3001.5501)
  * 流程控制语句
  * 函数
  * 总结 ECMAScript
* [10-JavaScript-DOM操作](https://blog.csdn.net/su_zui/article/details/123447536?spm=1001.2014.3001.5501)
  * DOM介绍
  * 获取节点
  * 创建节点
  * 插入节点
  * 删除节点
  * 事件
  * 轮播图案例
* [11-JavaScript-BOM操作](https://blog.csdn.net/su_zui/article/details/123506994?spm=1001.2014.3001.5501)
  * window对象
  * location对象
  * 小结

* [12-JavaScript异步请求](https://blog.csdn.net/su_zui/article/details/123582125?spm=1001.2014.3001.5501)
  * AJAX介绍
  * 原生AJAX
  * 案例