Web组2025年春招入门指北
Web 有你想要的一切,如今我们的舞台拓展到桌面应用 (Electron)、移动 APP (React Native 或 Flutter等), 而不是仅仅局限于网页。
联创团队的 Web 组的培养计划包括基础的前端和后端,而深入的学习需要选择其中一个方向。
这可能是 2025 年入门 Web 的最佳学习路线:Developer Roadmaps,如果你对这一大堆专业名词感到畏惧, 可以先看下面的:
计算机入门
如果你是大一新生,可以看看以下这些东西来了解纷繁复杂但是又非常有趣的计算机世界。
-
计算机科学速成课 非常有意思也非常高质量的视频课程,用非常通俗易懂的语言讲解了几乎所有本科阶段会接触的计算机知识。
-
CS50 哈佛大学的计算机入门课。
-
CS自学指南 国内外高质量 CS 课程和书籍汇总,学完就可以毕业了。
如果新手上路认为以下方式比较困难,可以暂时靠视频教程入门,但视频是一种相对低效的学习方式,不要过度依赖它,应该努力培养阅读文档和书籍的能力。另外计算机领域大部分高质量的教程和文档都是英文的,所以也建议逐渐熟悉翻译软件英文环境,还有学习使用google。
另外,请不要过于依赖AI。独立思考和动手编写代码能帮助你更好地理解知识,培养解决问题的能力。所以,尽量多做练习,自己亲自写代码,遇到迫不得已的困难时再借助AI来辅助,并且真正理解AI给的提示。这样你才能真正提高自己的能力。
前端方向
前端是用户直接能看到和操作的部分。比如一个网站的页面布局、按钮、图片、文字,以及它们的交互效果(比如点击按钮、弹出对话框等)。前端和用户交互最密切,从精致的网页,到功能丰富的应用程序,甚至渲染美妙绝伦的大型 3D 动画 (WASM 和 WebGL)、点对点通信(WebRTC)、构建机器学习模型(WebGL 和 tf.js)、高性能计算(WASM), 这些以往在浏览器中难以想象的任务,如今都已成为可能。
前端的入门非常简单,学习 HTML 标记语言和 CSS,以及基础的 JavaScript(简称 JS)即可快速上手编写简单的网页。
我们推荐的书籍或资源是:
- Web 入门:
- Web Development for Beginners 通过游戏从零入门Web
- w3school 和 中文版
- MDN Web Docs Web知识大全,也有很多教程
-
HTML 是网页的“骨架”,用来定义网页的内容结构。比如,它告诉浏览器哪里是标题、哪里是段落、哪里是图片等。它是简单易读的标记语言,非常容易学习。
- CSS是网页的“皮肤”,用来设计网页的外观和样式。它可以设置文字的颜色、背景、按钮的形状等,让网页看起来更美观。推荐教程:
- 入门级的 CSS 教程,非常适合新手学习。
- 进阶:《CSS 权威指南》(鱼书,封面是两条鱼),看懂这本书,你就是大佬!
- JavaScript(简称 JS),它是网页的“大脑”,用来实现网页的交互功能。比如,点击按钮弹出对话框、鼠标悬停时显示提示信息等。
- JS作为真正的编程语言,比上面两个来说有一定难度,如果没有学过编程的话建议看b站。
- 现代 JavaScript 教程,非常好的入门教学网站,帮助学习JS。
- 进阶:《JavaScript 高级程序设计(第 4 版)》,看完这本书,你就能领先很多人!
如果想在面试的时候给我们留下深刻的印象,深入学习一下 CSS 和 JS 将会是非常聪明的选择。在它们的帮助下,你可以编写精美、整洁、功能丰富的网页。
如果你已经有了一定的基础,了解以下内容将成为加分项:
-
git:了解版本控制和 git 的使用,注册 github 账号并建立自己的仓库,尝试 push 代码。
-
linux:了解基础的 linux 使用,如 ls / cd 等常见指令。
-
计算机网络:可以先学习 Http,推荐《图解 Http》,之后可以阅读《计算机网络自顶向下方法》
-
数据结构和算法:入门可以看《啊哈!算法》,不过这本书需要一定的 C 语言基础。
-
了解一下最新最热的前端框架技术(Vue,React,Next,Nuxt)和思想也会对你有一定的帮助。
后端方向
后端负责处理数据、逻辑和业务规则,比如存储用户信息、处理订单、计算数据等,为前端提供了大量幕后支持,如何做到多人联机?如何分享信息?如何维护大量数据?如何顶住巨大多请求的狂暴轰入?如何把计算交给云端?这些正是后端做的事!
后端入门也非常简单,但是系统地学习后端需要一些网络的基础,你首先需要知道后端是如何跟前端或者直接跟用户打交道的(先了解HTTP协议是什么),之后我们就可以挑一门你喜欢的/常见的后端语言来学习!
-
Python: 一门老牌后端语言,虽然近些年没有在Web领域太活跃,但是凭借其易上手的特点成为了许多年轻人的第一门编程语言。
- 推荐教程:如果你是编程新手,推荐Python - 100天从新手到大师。此外,推荐廖雪峰的Python教程,同时与Web后端开发相关的可以学习flask框架,如果初次接触,FastApi 也是一个不错的框架选择。
-
Node.js: 是“运行在服务端的 JavaScript”,语法同前端的JavaScript相同,Node.js提供了让JS能够在服务端跑起来的环境而将这门语言的舞台扩展到了服务端而不仅仅是浏览器。上手难度也很低,推荐学习!
-
使用Node.js不需要安装其他什么框架也能几行写出一个服务器demo(推荐试试)!不过依然可以使用成熟的Web框架来提高效率,这里推荐koa框架
-
推荐教程:《JavaScript 高级程序设计(第 4 版)》(重点是基本语法,与浏览器相关的可以跳过),Node.js 简介也有很多入门的教程!
-
-
Golang: 俗称Go语言,是Google在2009年推出的新语言,语法接近C,具有语法简单,并发支持好的特点,非常适合Web开发,也是当前团队基础设施后端的主要语言。
-
R:有其独特的类函数式编程特点,不适配Web开发,而更多在数据分析和生物医学领域使用
- 推荐教程:RBook
尽管上面提到的是推荐后端入门的语言,但是依然有一个不成文的共识:你应当会写一点C语言/C++。
除上述语言之外,Java,C++,Rust也在当下Web后端大放光彩,但是上手难度会比上述语言高,不失为一种挑战。也可以学习曾经“世界上最好的语言”PHP,但是近年来流行度不如其他的。
到这里你应该就学会如何编写一个我在浏览器上输入网址后就能看到Hello World的网站了!
如果你想要编写能解决实际问题的网站,数据库(SQL则是必学的),对于SQL语言的入门这里推荐SQL Murder Mystery,尽管是英文,但我希望想学习SQL的你能够克服这个困难!这个教程带着你去破解一个有趣的谋杀案。在学会写一点SQL后就可以了解各语言如何跟真正的数据库打交道了。Mysql或者PostgresQL是我们常用的选择,与各语言的交互应该在搜索引擎上搜索一下就能发现很多教程。
我想你应该尝试去做个有趣的后端小项目,这或许会对面试有所帮助。
全栈方向
如果你觉得只学前端or后端太easy了,或者学着学着开始对另一边感兴趣了,或者想自己独立开发完整的项目接外包挣钱。(这也是一些学长学姐的选择)那么你可以双开。
由于程序员工作的细分化,大型企业通常将前端和后端的工作分开,并且每个方向的知识都非常深入且丰富。因此,在学习过程中,可以提前规划自己的发展方向,并重点学习其中一个领域。