前端的各种游戏(Git、正则等)

257 阅读3分钟

学习各种 Web 开发技能的工具

LEARN GIT BRANCHING 

在学习像 Git 这样的命令行工具时,往往比价抽象,缺乏直观的展示。 Learn Git Branching 旨在通过使用 Git 存储库可视化工具、沙箱以及一系列教程和挑战,以可视化和交互式方式展示 Git 的不同功能并解决该问题。

Learn Git Branching

(图片来源:学习 Git 分支)

JAMSTACK ATTACK

Jamstack Attack 是一系列迷你游戏,用于练习前端开发的不同方面。

Jamstack Attack

(Image source: Jamstack Attack)
(图片来源:JAMSTACK ATTACK )

REGEX101

Regex101 有点像JSFiddle,但有一些额外的功能可以帮助您学习构建正则表达式。它包括一个正则表达式编辑器、一个社区编写的正则表达式库、一个语法快速参考,甚至还有一个交互式测验。

Regex101

(图片来源:Regex101)

REGEX CROSSWORD

Regex Crossword 一款填字游戏,来帮助您学习正则表达式语法。对于每个挑战,您必须输入一个与所有交叉表达式匹配的字符串。

Regex Crossword

(图片来源:REGEX CROSSWORD )

REGEXONE

RegexOne 使用一系列约 25 个交互式练习来教授正则表达式语法。还包括 5 种不同编程语言的正则表达式指南。

RegexOne

(图片来源:RegexOne)

REACT TUTORIAL

React Tutorial 是另一个不错的学习 React的选择。它从一些重要的 JavaScript 概念开始讲起,理解这些概念对于更有效地使用 React 很重要。此外,页内编辑器为您提供自动完成提示以及解决挑战的提示。并非所有课程都是免费的,但这里有足够的内容让您在付费之前深入了解 React 的基础知识。

React Tutorial

(图片来源:React教程)

SERVICE WORKIES

Service Workies 是一款交互式冒险游戏,用于学习开发渐进式 Web 应用程序 (PWA) 的各种功能。这种类似于视频游戏的环境经历了服务工作者生命周期、拦截请求、使用缓存等。

Service Workies

(图片来源:Service Workies)

OPENVIM

OpenVim 是一个交互式教程,教您如何使用 Vim,这是一种在 Unix 用户中流行的多平台文本编辑器。如果你想要了解更多的 Vim,你也可以尝试付费的  vim.so

OpenVim

(图片来源:OpenVim)

SELECT STAR SQL

Select Star SQL 让您学习 SQL 概念。 通过 5 章,每章大约需要 30 分钟才能完成。

Select Star SQL

(图片来源:SELECT STAR SQL)

SQL POLICE DEPARTMENT

SQL Police Department 让您通过破案学习 SQL 语法。称为简报的作业被用作解决每起犯罪的线索,该应用程序还包括一个指南,可在您遇到困难时帮助您掌握语法。

SQL Police Department

(图片来源:SQL POLICE DEPARTMENT )

SQLBOLT

SQLBolt (与 RegexOne 同一个创作者)包括 19 个简单的交互式练习,逐步教您如何使用 SQL。

SQLBolt

(图片来源:SQLBolt)

全文完

谢谢!

开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 13 天

点击查看活动详情