培训前须知

前端组成部分

  • HTML:前端页面的骨架
  • CSS:前端页面的外观
  • JavaScript:前端页面的行为

培训将围绕这些主题展开。

你需要准备的工具

工欲善其事,必先利其器。

编辑器

你完全可以不安装任何软件,就用记事本罢
😡😡😡千万不要像上面说的那样干,不然你会十分痛苦,但是作为刚入门的前端并不需要安装太多的软件。VSCode是前端开发最常用的代码编辑器(轻量、强大、免费),提供自动补全、提示、快捷编辑等十分方便的功能。下载教程

VSCode里面那些好使的插件

  • Chinese:中文汉化,虽说英语可以说是码农最需要学习的一门语言,但是没事,英语不好的时候咱就汉化呗。
  • Open in browser:安装之后在vscode里面可以直接右键打开html网页
  • Live Server:打开网页之后可以实时检测网页的修改,不用每次修改之后都保存再刷新了
  • Code Runner: 可以在vscode里面直接运行js,java等代码,并且可以实时输出结果
  • Code Spell Checker: 检查单词拼写是否正确

这个时候可能就有同学要问了:

欸,学长,vscode上面要怎么安装插件啊?🤓

很简单,打开vscode之后,在菜单里面找到扩展,然后搜索你需要安装的插件,然后点击安装即可。

浏览器

如果你的电脑已经预装了Edge浏览器,那就不用额外安装别的浏览器了;如果没有的话,可以安装Chrome浏览器,或者Firefox浏览器

MarkDown(推荐掌握)

文档格式,用于编写文档,并且markdown有很多便利的功能,例如代码高亮,代码块,表格等等。MarkDown可以让文档写作者专注于文档写作上,不用担心格式的问题,让你的手在文档写作过程中不再需要离开键盘。MarkDown教程

如何自学

说好的包教包会呢?为什么现在还要我自学了?取关了!退群!😡😡😡

咳咳,我们确实是说过包教包会,但是编程本身就非常需要自学,在课上不可能涵盖前端需要学习的所有东西,我们课程的重点还是带同学们认识前端和一些重要概念,在课上的一些东西你只要认知到它的存在就好,在具体使用的时候再去上网查就好了,毕竟开发从来不是闭卷考试,你要是让一个程序员不上网那是真的完蛋了。(免责声明免责声明)

学长学长,我们有哪些学习资源呢?🤓

  1. 文档,如MDN(推荐)和菜鸟教程,类似的资源网上还有很多,可以自行查找
  2. Bilibili,在这上面你几乎可以找到任何东西的教程
  3. AI,都什么年代还在用传统学习方法,只要你想,你随时都可以向AI提出疑问,这就需要你去描述问题了,这可以很有效地锻炼你提炼问题关键的能力,在后面的开发沟通中起着十分重要的作用。
  4. 学长,有啥问题你都可以问学长,就算学长不懂,学长也会帮你去问他们的学长的(什么递归),有问题欢迎询问前端总监,请自行在纳新群中搜索蓝色空间(梁建麟)和rr(李俊煊)

结语

培训课程会在军训结束后才正式开始,大家可以多享受一下军训的欢乐时光(bushi),在培训前同学们可以自己预习预习,多去思考前端各个组成部分的作用。前端开发更像是搭积木,充满趣味,能够实现同学们的各种天马行空。相信同学们一定能轻松愉悦地完成培训,加入我们!😊😊😊