小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。
青训营早已告一段落了，今天是来当一次青训营“宣传委员”的，介绍一下青训营，再谈谈自己的收获。顺便推荐一波我的笔记专栏，督促我自己一定要把学到的知识整理出来。
一、简单介绍&参与方式
青训营是由字节跳动技术团队发起的技术系列培训 & 人才选拔项目。 主要面向在校大学生，旨在培养优秀且具有职业竞争力的开发工程师。
有小伙伴问这个青训营收费吗？ 这里的回答是：免费！！你只需要在开营之前报名，通过简单的考核就可以参加了！！！
还有的小伙伴问只能是在校生参加吗？ 这里的回答是：不一定！！我们的团队就有四名在校生和三名已经工作的大佬
更多介绍以及报名方式请看官网 青训营-青春造梦，技术未来 (bytedance.com)
第一届青训营精彩回顾 往期精彩 | 青训营-青春造梦，技术未来 (bytedance.com)
二、课程安排&YK菌的笔记
欢迎关注我的《青训营笔记》专栏，我会持续更新的~ 争取全部内容都整理出来....
1. 进阶班笔记【青训营】
第一天 HTML + CSS + UI设计 + JS
【青训营】HTML基础 - 语义化标签 - 浏览器渲染过程 - 笔记及拓展
【青训营】最难不过CSS：诞生背景 - 基础规则 - 常用规则 - 调试 - 持续学习
【青训营】前端开发应该要学会的UI设计基础
【青训营】月影老师告诉我写好JavaScript的三大原则——各司其责
【青训营】月影老师告诉我写好JavaScript的三大原则——组件封装
【青训营】月影老师告诉我写好JavaScript的三大原则——过程抽象
第二天 JS + Web标准 + 调试 + TS
【青训营】月影老师告诉我写好JavaScript的四大技巧——风格优先
【青训营】月影老师告诉我写好JavaScript的四大技巧——保证正确
【青训营】月影老师告诉我写好JavaScript的四大技巧——封装函数
【青训营】月影老师告诉我写好JavaScript的四大技巧——妙用特性
【青训营】月影老师告诉我写好JavaScript原则与技巧大总结
【青训营】听李松峰老师谈Web标准
【青训营】前端开发该会的各种调试方式
【青训营】不得不学的 TypeScript 基础知识
第三天 React + 动画
【青训营】字节老师带你入门React（拟）
【青训营】字节老师带你实战React（拟）
【青训营】前端动画实现（拟）
第四天 Node + 安全 + HTTP
【青训营】Node.js基础 - 特点 - 模块化CommonJS&ESM - npm包管理
【青训营】Node.js基础 - Web应用开发 - 开发调试 - 线上部署
【青训营】Node.js实战（拟）
【青训营】Web 开发的安全之旅 —— 攻击篇 - XSS - CSRF - Injection - Dos - 中间人攻击
【青训营】Web 开发的安全之旅 —— 防御篇 - 防御XSS、CSRF、Injection、DoS 、中间人 - HTTPS
【青训营】HTTP实用指南——基础篇 - 基本特点 - 协议分析 - 缓存 - HTTP2 - HTTPS
【青训营】HTTP实用指南——实战篇 - 场景分析 - 实战 - 拓展
第五天 工程化 + 设计模式 + 小程序 + 多媒体技术
【青训营】前端进阶指南之——前端工程化
【青训营】JavaScript常见设计模式 - 掘金 (juejin.cn)
【青训营】一节课带你轻松入门小程序开发
【青训营】走进Web多媒体技术
第六天 Web游戏开发
【青训营】从前端视角看游戏开发
2. 实训营笔记【青训营Pro】
本次实训营由字节跳动和开课吧合作完成。
YK菌的代码笔记 Gitee - youth_camp_ykjun: 青训营&开课吧 实战课程代码仓库 (gitee.com)
课程官方代码 GitHub - su37josephxia/bytedance-youth-training-camp: 字节青训营教程
第一天 @全栈然叔
【青训营Pro】🛠️从0到1实现一个自己的前端约定路由项目脚手架🏗️ 工具~
【青训营Pro】持久化技术 - 鉴权cookie/session/jwt - auth2
第二天 @崔效瑞
【青训营Pro】脚手架从1到∞ - 自动化思维搭建koa脚手架
【青训营Pro】webpack&rollup&vite 原理及应用
【青训营Pro】前端开发应该学会的测试 - 单测 - 组件测试 - git hook - eslint
第三天 @winter
【青训营Pro】使用AntD写一个AntD首页
【青训营Pro】组件体系的设计 - 中后台搭建系统
第四天 @MT @大帅老猿
【青训营Pro】移动端适配 - 移动端事件
【青训营Pro】手势库封装- 移动端轮播图实战
【青训营Pro】实现Web移动端天猫首页 - 吸顶 - swiper - 浏览进度 - 无限列表
第五天 @杨村长
【青训营Pro】 前端框架设计理念 - Vue3动机 - 手写实现mini-vue
【青训营Pro】SFC/JSX 原理
3. 实战项目笔记 【青训营项目】
【青训营项目】在轻服务云函数中实现登录注册以及权限验证功能
【青训营项目】拖拽排序前后端实现详解
【青训营项目】TodoList前后端交互实现详解
三、你会收获什么？
这里就先谈谈我的收获了
-
知识，知识，还是知识；技术，技术，还是技术。
-
可以感受到字节跳动团队的前端技术氛围。晚上的班会时间小伙伴们畅所欲言，大佬们答疑解惑，还有梁老师和刘老师对我们的悉心照料（
不知道用啥词了，但是感觉这个词也挺好）。 -
见到月影老师和李松峰老师真人，还有可能收获一本李松峰老师亲笔签名的红宝书。
- 项目从0到1，从想法到上线。享受团队合作开发的乐趣。
- 一份精致的结营证书
四、相关链接
-
第一届青训营精彩回顾 往期精彩 | 青训营-青春造梦，技术未来 (bytedance.com)
-
YK菌的青训营笔记专栏 青训营笔记 - YK菌的专栏 - 掘金 (juejin.cn)
-
周一的青训营感悟 【青训营】- 结营啦！有缘相聚于青训，未来高处见呀🥂~~
-
前端那同学的项目踩坑 【青训营】- 图解拖拽核心原理 - 掘金 (juejin.cn)
