青训营

当青训营遇上码上掘金：名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。

前端常见的攻击安全问题：Cross-Site Scripting，Cross-site request forgery，Injection，Denial of Service……

认识前端监控 什么是前端监控 采集从用户输入信息到页面展示的过程（浏览器，网络，渲染），以及后续用户交互中产出的性能指标与发生的异常事件，并上报到平台完成消费。 为什么需要前端监控 浏览网页时可能出现

前端开发调试-PC 端调试，以Chrome DevTools为主：Elements Consloe Source Network Application Performance Lighthouse

跨端产生的背景及解决的问题，目前主流的跨端技术方案（hybrid 方案/原生渲染方案/自渲染方案/小程序方案），如何开发一个小程序以及优化小程序

项目管理基础概念介绍：项目管理基本定义，传统 VS 敏捷项目管理，项目管理十大知识领域，项目管理五大过程组

好代码的标准，HTML/CSS/JS 各司其责，组件的定义解析及特征，组件封装基本方法，利用原生 JS 实现电商网站轮播图 ，过程抽象概念，高阶函数使用模式，JS编程范式

将通用写作拆解成五个部分，总结写作的「前 - 中 - 后」三个阶段，揭露在进行技术写作时需要注意的要点

CSR，SSR，SSG 一些基本概念 CSR（Client-Side Rendering） 客户端（通常是浏览器）渲染 一种在浏览器上执行 JavaScript 以生成 DOM 并在挂载后显示内容……

Node.js与前端开发实战（part Ⅰ）：Node.js 的应用场景，Node.js 运行时结构，如何用编写 Http Server

React 的发展历史以及应用场景；React 的设计思想，为什么 React 要设计成这样；React hooks 的介绍

因特网背景知识快速入门：internet三部分，internet创建历史，通讯地址，网络连接与传输，因特网的协议

HTTP 协议的基本定义，HTTP 协议主要特征，HTTP 协议发展历程，HTTP 协议的报文结构，参考资料： https://developer.mozilla.org/en-US/docs/Web

TypeScript入门：简介，历史，与JS的关系，语言的优势与特性；基本的数据类型，常见的函数类型（未完）

CSS入门：什么是CSS，CSS的构成，样式如何起效，选择器介绍，文本设计（颜色、字体、空格等）介绍

前端和HTML课程 Day1 小白入门：前端简介，HTML基本语法，常用标签，HTML文档结构，语义化的重要性