Sql Mother
程序员鱼皮原创项目，免费的闯关交互式 SQL 自学教程网站，从零基础到进阶，带你掌握常用 SQL 语法（MySQL、SQLite、PostgreSQL）、快速学习 SQL 和数据库。支持在线SQL编辑器、实时查询结果、语法高亮、SQL运行广场等功能。纯前端实现，简单易学~
Overview
"SQL 之母" is an innovative online platform designed to simplify the self-learning process of SQL through a gamified experience. Created by a passionate developer, this free educational resource allows users to navigate through over 30 interactive challenges that progressively teach essential SQL syntax. Unlike typical tutorials, this platform emphasizes hands-on experience, making it an excellent option for programmers, product managers, and data analysts looking to build their SQL skills from the ground up.
The site not only provides a thorough curriculum divided into levels, but it also allows for customizable challenges and an SQL practice area. This approach caters to learners who prefer to dive straight into practical application rather than traditional classroom methods, fostering a more engaging and effective learning environment.
Features
-
Interactive Challenges: Engage with over 30 unique SQL tasks that promote hands-on learning and mastery of essential commands.
-
Customizable Levels: Choose from mainline and custom levels, allowing you to tailor the learning experience according to your needs, with no restrictions on the sequence of challenges.
-
SQL Practice Area: A dedicated space where users can input SQL queries freely, encouraging exploration and experimentation outside of structured challenges.
-
Markdown Documentation: Clear and organized markdown documentation supports the learning process, providing detailed insights on each task.
-
Real-Time SQL Execution: Code is executed in real-time using web technologies, enabling immediate feedback and results comparison.
-
User-Friendly Interface: A clean, modular layout built with Vue 3 ensures intuitive navigation, making it easy to focus on learning without unnecessary distractions.
-
Community Contribution: The project is open-source, inviting contributions from developers and learners alike, fostering a collaborative learning ecosystem.
-
Local Hosting Capability: Users can easily run the project locally, ensuring a smooth and personalized experience if online access is slow or interrupted.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.