在网络上学习 Web 开发 | 资源路线图
作为我第一篇博客的续篇,在网络上学习 Web 开发,其中包含一些最精彩的YouTube 频道的信息,您可以从中免费学习Web开发
这个博客将成为一份路线图,其中包含精心策划的资源,可让您立即从零开始成为英雄,
(*适用条款和条件😂只是开玩笑)
网站开发 !== Web 开发
Web开发者是指构建在 Web 上运行的应用程序的人,他们使用React Native(用于移动设备)和Electron(用于桌面)等工具,现在有望能够构建几乎任何类型的软件
Spotify、Netflix、YouTube、Discord、WhatsApp、Figma……是一些比较流行的网络应用程序
建立网站基本上是Web 开发人员的先决条件
路线图
Web 应用程序有两个主要组件
- 前端(又称UI)
- 后端(又称API)
前端
HTML
理想情况下,学习 HTML 不会花费你超过 1 小时的时间,HTML 是网络的基石
这是由Brad Traversy
Traversy Media 制作的,它是 YouTube 上最早发布 Web 开发教程的频道之一,HTML 初学者速成课程
后轮驱动
在上面的视频中,你也学到了一些基本的 CSS,但为了让网页内容在任何屏幕上都看起来美观,有一种叫做 RWD(响应式屏幕 Web 开发)的技术。YouTube上 CSS 之王AKA制作的《征服响应式布局》打造了这门 21 天的课程,涵盖了你需要了解的 CSS 知识,值得一看,但不要一口气看完。Kevin Powell
JavaScript
现在,你可以制作出在任何屏幕上都看起来超酷的精美网站了。下一步是让它们具有交互性。YouTube 上最棒的老师 Shaun教你如何轻松上手 JavaScript,以至于那些说 JavaScript 令人难以置信之类的梗都变得毫无意义。🤯 他在 YouTube 上有一个免费播放列表,在 udemy 上也有一门课程,只包含额外的项目。Net Ninja
Git
Git,这项被炒作得最厉害的技术,其实只是让你开源的工具(这样其他人就可以免费为你的应用贡献代码),而 GitHub 其实只是代码版的Google Drive。Kyle Cook或许是最被低估的 YouTube 频道,他超级简化了所有内容,同时在制作教程时尽量保持简短。 “20 分钟学会 Git”是一个很棒的视频,它告诉我,人们认为 git 很复杂,但实际上它非常简单。WebDevSimplified
后端
现在或许是切换到后端的最佳时机。既然你已经在本路线图中学习了 JavaScript,那么 Node.js 将是最适合你的后端语言……如果你习惯使用其他语言,请坚持使用 Node.js。
REST API
REST API 是基于 HTTP 的 API,您可以向其发送数据(在 Web 世界中为 JSON)并接收处理后的数据。
您可以连接到
- 数据库(SQL 或 NoSQL)
- 一个 ML 模型...
这个主题自从Net Ninja
过时以来就带来了很多名气,Shaun 制作了一个经过改进的NodeJS Crash Course youtube 播放列表,其中对许多核心后端概念进行了最简单的解释。
授权
既然你可以构建 Web 应用,就需要学习如何保护它。一个常见的误解是,授权和身份验证是一样的,但两者之间有很大区别。
授权是确保用户是注册用户。YouTube 上最有趣的老师为我们带来了“使用 JWT 构建 Node.js API 身份验证”教程,涵盖了从加密用户数据到简化JWT 的所有内容,同时尽可能地让学习过程充满乐趣。
注意那些愚蠢的双关语
验证
在授权过程中,你只能看到用户是否已注册/是否在我们的数据库中。我们需要一种技术来确定注册用户是否有效。
除非你与世隔绝,否则你肯定做过邮箱验证。身份验证就是这样的。 我个人对 Web 开发的启发来自 GOAT,他是唯一一个在 YouTube 上分享网络安全相关视频的人。Node.js 的邮件确认视频是一个很好的入门视频,但由于他没有相关的播放列表,所以你只能随意观看他精彩的视频。Ben Awad
高级内容
恭喜你现在已经到了这个阶段,任何内容的视频资源都变得异常困难。
在这个阶段,文档是你最好的朋友。
React/Svelte/Vue
现在,组件复用的需求已成为一个严峻的问题,这导致了UI 库的兴起。UI 库是 React 的 YouTube 教程之神,他的“实用 React”播放列表是圣经/巴格瓦德·吉塔/古兰经。 至于其他方面,它的文档更是无与伦比,尤其是 Svelte 的文档。Ben Awad
请注意,我没有提到角度,高度内涵,但如果您对它感兴趣,请不要让它阻止您。
GraphQL
GraphQL 是一种类似于 SQL 的查询语言,它为您从数据库获取资源时提供更多的自由和灵活性。
GRAPHQL是REST API的替代方案,而不是 SQL 的替代方案 ,请查看如何使用 GraphQL
微服务
构建高度模块化和可扩展的Web 应用程序的全新方法 不幸的是,我发现的唯一有关微服务的好资源是udemy 课程,但当我想从头开始学习任何东西时,它就成了我的 udemy 讲师。Stephan Grider
机器学习
没错,如果你仔细想想,你会发现,你接触到的大多数人工智能通常都以某种API的形式存在。
而且,如果你能以某种方式部署机器学习模型/神经网络,那么开发它就毫无意义了。
在移动、桌面、游戏甚至机器人领域,Web是最通用的……了解如何将机器学习连接到Web UI将非常有帮助。
关于机器学习,我有2个资源:
- StatQuest算法的理论与理解
- 代码和实现
Python 工程师