S SmartDocs

编程语言

Python、C、C++、Java、JavaScript、TypeScript、Go、R 与 Haskell 教程,从入门语法到高级技巧。

JavaScript EN 更新于 2026-02-03

Module 5: Browser APIs & UI Development

Goal: Interact with the browser environment and build advanced UI features.

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 1: Window, Navigator, History APIs

By the end of this lesson, you will be able to: Use Window API for browser window management Access device information with Navigator API Control browser history with History API Detect user agent and device capabilities

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 10: Mini Project - Voice Note App

By the end of this lesson, you will be able to: Build a complete voice note application Integrate Speech Recognition API for voice input Use Text-to-Speech API for audio playback Implement note management and storage Han

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 2: Geolocation API

By the end of this lesson, you will be able to: Request and handle user location permissions Get current position with different accuracy levels Watch position changes for real-time tracking Calculate distances between c

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 3: Canvas API

By the end of this lesson, you will be able to: Create and configure HTML5 Canvas elements Draw basic shapes (lines, rectangles, circles) Apply colors, gradients, and patterns Handle mouse and touch events for drawing Cr

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 4: FileReader API

By the end of this lesson, you will be able to: Read files from user input Handle different file types (text, images, JSON) Preview images before upload Process file content asynchronously Handle file upload errors Creat

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 5: Clipboard API

By the end of this lesson, you will be able to: Copy text to clipboard programmatically Read text from clipboard Handle clipboard permissions Copy images and other data types Implement copy/paste functionality Create cli

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 6: Speech Recognition API

By the end of this lesson, you will be able to: Implement speech recognition in web applications Handle speech recognition events and results Configure recognition options and languages Process continuous speech input Ha

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 7: Notifications API

By the end of this lesson, you will be able to: Request notification permissions from users Send browser notifications Handle notification events (click, close, error) Create rich notifications with icons and actions Man

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 8: Animations with requestAnimationFrame

By the end of this lesson, you will be able to: Use requestAnimationFrame for smooth animations Create CSS and JavaScript animations Implement animation loops and timing Handle animation performance and optimization Crea

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 9: Mini Project - Drawing Pad App

By the end of this lesson, you will be able to: Build a complete drawing pad application Integrate Canvas API with touch and mouse events Implement multiple drawing tools and brushes Add color picker and brush size contr

阅读文章 →
JavaScript EN 更新于 2026-02-03

Module 6: Node.js & Backend Basics

Goal: Use JavaScript beyond the browser, create APIs and backend services.

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 1: Intro to Node.js

By the end of this lesson, you will be able to: Understand what Node.js is and how it works Set up Node.js development environment Use Node.js modules and require statements Work with built-in modules (fs, path, os) Run

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 10: Mini Project - Simple Blog API

By the end of this lesson, you will be able to: Build a complete blog API with Express.js Implement user authentication and authorization Create CRUD operations for posts and comments Handle file uploads for images Imple

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 2: Package Management

By the end of this lesson, you will be able to: Use npm for package management Create and configure package.json Install and manage dependencies Use npm scripts for automation Understand semantic versioning Publish packa

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 3: Creating a Simple Server

By the end of this lesson, you will be able to: Create HTTP servers with Node.js Handle GET and POST requests Parse request data and send responses Implement basic routing Handle different content types Create a simple w

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 4: Express.js Basics

By the end of this lesson, you will be able to: Set up Express.js applications Create routes and handle HTTP methods Use middleware for request processing Serve static files Handle request parameters and body Implement b

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 5: Routing and REST API Design

By the end of this lesson, you will be able to: Design RESTful API endpoints Implement CRUD operations Use route parameters and query strings Organize routes with Express Router Handle different HTTP methods Create API d

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 6: Working with Files

By the end of this lesson, you will be able to: Read and write files synchronously and asynchronously Handle file uploads with multer Process different file types Implement file validation and security Create file manage

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 7: Database Connection

By the end of this lesson, you will be able to: Connect to MongoDB with Mongoose Define schemas and models Perform CRUD operations Handle database connections Implement data validation Use MongoDB queries and aggregation

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 8: JWT Authentication

By the end of this lesson, you will be able to: Implement JWT authentication Create login and registration endpoints Protect routes with middleware Handle token expiration Implement password hashing Create secure authent

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 9: Error Handling in Express

By the end of this lesson, you will be able to: Implement comprehensive error handling Create custom error classes Use error handling middleware Handle different types of errors Implement logging and monitoring Create us

阅读文章 →
JavaScript EN 更新于 2026-02-03

Module 7: Frontend Frameworks

Goal: Build modern, scalable frontend applications with React.js.

阅读文章 →
JavaScript EN 更新于 2026-02-03

Lesson 1: What is React/Vue/Angular? Overview

By the end of this lesson, you will be able to: Understand what frontend frameworks are and why they exist Compare React, Vue, and Angular frameworks Understand component-based architecture Learn about virtual DOM and it

阅读文章 →