分享 40 个免费的前端初学者视频教程

来源 | https://javascript.plainenglish.io/top-40-free-programming-courses-for-beginners-bc39253e784c

今天，我将跟大家分享40个免费的编程视频教程，大家可以根据自己的情况，进行合理安排学习。

现在，我们就一起来看看这些教程吧。

01、JavaScript 基础

地址：https://www.udemy.com/course/javascript-essentials/

这个教程可以帮助我们练习JS知识技能，主要内容包括：

• JavaScript基本语法；
• JS 概念，如数组、对象、字符串；
• JS代码练习；

02、Git & GitHub 速成课程

地址：https://www.udemy.com/course/git-and-github-crash-course-creating-a-repository-from-scratch/

主要内容包括：

• 了解如何创建您的第一个存储库。
• 将其克隆到您的计算机并添加文件。
• 将项目更改推送到 Github。
• 学习使用 Git 的命令行。
• 了解如何查看新旧文件之间的差异。

03、实践中的 Web 开发：从零开始学HTML / CSS

地址：https://www.udemy.com/course/web-development-learn-by-doing-html5-css3-from-scratch-introductory

主要内容包括：

• 了解网站实际上是什么，以及它是由什么组成的。
• 学习HTML5 的基础知识。
• 学习 CSS3 的基础知识。
• 练习如何使用 HTML CSS 构建网站界面。

04、初学者学习 VS Code

地址：https://www.udemy.com/course/beginner-vs-code/

主要内容包括：

• 介绍 VS Code 的实用程序。
• 如何在 Windows 和 Mac 上安装 VS Code。
• 使用 VS Code Extensions 来简化学习和提升工作效率。
• 为开发人员介绍有用的扩展。

05、Sass 工作流

地址：https://www.udemy.com/course/sass-workflow/

主要内容包括：

• 如何在您的计算机上安装 Sass。
• 了解基本和高级 SASS API。
• 通过实施 SASS 更快地开发项目。

06、Devtools Pro：Chrome 开发者工具的基础

地址：https://www.udemy.com/course/devtools-2017-the-basics-of-chrome-developer-tools/

主要内容包括：

• 在 DevTools 中，浏览并实时更改 HTML/CSS 和 JavaScript。
• 编写简单的 JavaScript 命令并学习如何调试代码的基础知识。
• 如何在不同的设备上测试您的网站。
• 如何使用审核分析和提高页面加载速度。

07、面向 Web 开发人员的 Web 设计：构建漂亮的网站

地址：https://www.udemy.com/course/web-design-secrets/

主要内容包括：

• 为 Web 开发人员提供设计指南。
• 如何正确使用色彩。
• 如何使用 8 种简单易用的技术让您的网站更好地转换。
• 如何让自己受到启发，以了解更多有关网页设计的知识。

08、 Web前端开发基础

地址：https://www.udemy.com/course/foundations-of-front-end-development/

可以在本课程中获得扎实基础知识，以及有关前端开发的网络文章和学习资源，并具备必要的背景和术语，以充分利用它们，有效快速地学习。

为前端开发人员介绍有用的工具和库。

有了基础知识，世界就是你的舞台！扩展所获得的基础知识并专注于进一步的领域（Angular、Ember.js、游戏、全栈开发）。

09、适合初学者的 C++ 教程

地址：https://www.udemy.com/course/free-learn-c-tutorial-beginners/

主要内容包括：

• 学习计算机编程的基础知识。
• 面向对象编程指南。
• C++的基本知识和语法。
• 您将能够开发强大的 C++ 程序。

10、Vue.js 快速速成课教程

地址：https://www.udemy.com/course/vuejs-fast-crash-course/

主要内容包括：

• 如何为您的项目安装 Vuejs。
• 使用Vue开发APPS。
• 学习 Vuejs 的基础知识，如数据绑定、组件。

11、掌握 HTML5 和 CSS3 的基础知识：Web 开发初学者

地址：https://www.udemy.com/course/master-the-basics-of-html5-css3-beginner-web-development/

主要内容包括：

• 介绍基本的 HTML 和 CSS，为网站构建界面和功能。
• 用于编写代码以及如何构建网站基本结构的软件。
• 适合初学者。

12、初学者 Photoshop 到 HTML5 和 CSS3

地址：https://www.udemy.com/course/beginner-photoshop-to-html5-and-css3

主要内容包括：

• 了解如何使用 Photoshop 和 Dreamweaver 设计和创建网站。
• 使用 HTML CSS 将设计文件转换为网站界面。
• 帮助您练习构建真实项目。

13、适合初学者的 Java 教程

地址：https://www.udemy.com/course/java-tutorial/

主要内容包括：

• 如何安装 Java。
• 学习 Java 的基础知识。
• Java 集合框架简介。
• 获得学习 Java 的好书。
• 作者分享自己在使用Java时的真实经历。

14、Python 编程简介

地址：https://www.udemy.com/course/pythonforbeginnersintro/

为初学者介绍 Python 的基础知识。

15、学习使用Photoshop完成网页设计

地址：https://www.udemy.com/course/photoshop-for-web-design-beginners

指导您使用 Photoshop 的功能来设计网站。

16、HTML基础知识

地址：https://www.udemy.com/course/hmtl5-training/

关于如何在网站设计和开发中使用 HTML 的教程，供初学者学习 Web 编程。

17、JSON速成课程

地址：https://www.udemy.com/course/json-crash-course/

主要内容包括：

• 学习 JavaScript 对象表示法 (JSON)。
• 学习 JSON 的语法。
• 如何在 JavaScript 和 C# 中应用 JSON。

18、TypeScript 简介

地址：https://www.udemy.com/course/typescript/

主要内容包括：

• 学习编译、测试和运行 TypeScript。
• 如何使用 TypeScript 类。
• 使用 TypeScript 构建基本应用程序。

19、初级 PHP 和 MySQL 教程

地址：https://www.udemy.com/course/php-mysql-tutorial/

主要内容包括：

• 如何安装 PHP 和 MySQL。
• 了解如何使用 PHP 构建功能性网站。
• 了解如何在 MySQL 上存储信息。

20、学习 Flutter — 初学者课程

地址：https://www.udemy.com/course/learn-flutter-beginners-course/

指导 Flutter 基础知识来构建 Android 和 iOS 应用程序。

21、如何从头开始构建和制作 WordPress 网站

地址：https://www.udemy.com/course/how-to-build-and-make-a-wordpress-website-from-scratch-2017/

学习如何使用 wordpress 建立网站。

22、了解 MongoDB 的基础知识

地址：https://www.udemy.com/course/mongodb-essentials/

主要内容包括：

• 了解如何在您的计算机上安装 MongoDB。
• 介绍可以存储在 MongoDB 上的数据。
• 了解 MongoDB 中的常用命令。

23、JavaScript 基础

地址：https://www.udemy.com/course/javascriptfundamentals/

主要内容包括：

• 如何使用 JavaScript 创建和运行程序。
• 如何在 JS 中编写条件和循环。
• 如何调试 JavaScript。
• 用 JS 管理 DOM。
• 在 JS 中编写 HTML 验证函数。

24、npm — 掌握基础知识

地址：https://www.udemy.com/course/npm-mastering-the-basics/

在项目创建和开发过程中理解和应用 npm 命令。

25、软件测试教程

地址：https://www.udemy.com/course/software-testing-simple/

主要内容包括：

• 了解什么软件测试。
• 如何使用 JIRA 和 Zephyr 进行项目测试。
• 了解项目的测试过程。

26、编写您的第一个web游戏

地址：https://www.udemy.com/course/code-your-first-game/

学习如何使用 JavaScript 构建基于 Web 的游戏。

27、从零开始成为一名 Android 开发者

地址：https://www.udemy.com/course/become-an-android-developer-from-scratch/

主要内容包括：

• 如何为初学者构建一个Android应用程序来学习编程。
• 如何将您的应用上传到 Google Play。
• 分享你的面试经历。

28、30 天内 8 个漂亮的 Ruby on Rails 应用程序和 TDD

地址：https://www.udemy.com/course/8-beautiful-ruby-on-rails-apps-in-30-days/

指导您使用 Ruby on Rails 构建 8 个真实应用程序。

29、使用 HTML5 和 CSS3 在 1 周内构建您的第一个网站

地址：https://www.udemy.com/course/build-your-first-website-in-1-week/

帮助您了解 HTML CSS 的基础知识以构建网站界面。

30、React vs Angular vs Vue.js 示例

地址：https://www.udemy.com/course/react-vs-angular-vs-vuejs-by-example/

如何使用 3 种不同的前端框架 React、Angular 和 Vuejs 创建应用程序。从那里，它将帮助您进行概述并选择适合您技能的一个。

31、Git 从 GitHub 开始

地址：https://www.udemy.com/course/git-started-with-github/

帮助您了解如何在项目创建和开发过程中使用 git。

32、数据库设计与管理

地址：https://www.udemy.com/course/database-design-and-management/

指导您如何设计和管理数据库。

33、实用 PHP：掌握基础知识并编写动态网站

地址：https://www.udemy.com/course/code-dynamic-websites/

主要内容包括：

• 了解 PHP 的基础知识。
• 每学完一个知识，都有练习要练习。
• 学习PHP知识后用PHP搭建餐厅网站。

34、适合初学者的 jQuery 和 AJAX

地址：https://www.udemy.com/course/jquery-and-ajax-for-beginners-the-definitive-guide/

面向初学者的 Jquery 和 AJAX 简介。

35、构建你的第一个 React JS 应用程序

地址：https://www.udemy.com/course/build-your-first-react-js-application/

主要内容包括：

• 学习 React js 的基础知识。
• 如何使用 React 构建 SPA。
• 如何为 react 项目设置 Tailwind CSS。

36、使用现代平面设计构建响应式网站

地址：https://www.udemy.com/course/build-responsive-website-designs-with-html5-and-css/

了解如何设计常见的网站组件。

37、Bootstrap 4 快速入门

地址：https://www.udemy.com/course/bootstrap-4/

了解 Bootstrap 4 的基础知识以及如何将它们应用到设计和开发网站的过程中。

38、编程101

地址：https://www.udemy.com/course/programming-101/

主要内容包括：

• 二进制系统简介。
• 了解基本的网络结构。
• 了解编程语言的基础知识。
• 了解路由器、ISP、数据包和 HTTP。
• 全面的编程语言工作知识。

39、数据库和 SQL 查询简介

地址：https://www.udemy.com/course/introduction-to-databases-and-sql-querying/

介绍数据库功能以及如何使用 SQL 查询。

40、面向对象的 JavaScript 和 ES6的高级教程

地址：https://www.udemy.com/course/advanced-and-object-oriented-javascript/

本课程适合那些已经具备基本 JavaScript 知识并想进一步了解 JavaScript 中的高级技术的人。

总结

以上就是我跟大家分享的40个免费的编程视频教程，希望这里面有适合的学习内容，同时，我也希望这篇文章的内容对你有所帮助。