📚 Lesson 1Javascript Part I
JavaScript 简介介绍 JavaScript 的历史和演变JavaScript 在 Web 开发中的角色和重要性JavaScript 与 ECMAScript 标准的关系基本语法变量的声明与赋值数据类型(字符串、数字、布尔、对象、数组等)基本操作符(算术、比较、逻辑)语句... 登录后查看完整内容
📚 Lesson 2Javascript Part II
JS 基本逻辑:if else:条件语句,根据条件执行不同的代码块。三元表达式:简洁的条件表达式,根据条件返回不同的值。for 循环:循环的目的:重复执行代码块,通常用于遍历、迭代和处理数据集合。for 循环执行过程:初始化、条件判断、代码执行、迭代更新。循环小案例:示例循环遍历... 登录后查看完整内容
👨🏫 TutorialTutorial 03 (网页应用搭建)
作业&练习练习 1: 年龄验证声明一个变量,将你的年龄赋值给它,然后使用条件语句检查是否满足投票年龄。如果年龄大于或等于18岁,输出"可以投票",否则输出"不可以投票"。练习 2:算术操作创建两个变量,分别包含两个数字,然后使用加法、减法、乘法和除法操作符计算它们的结果。... 登录后查看完整内容
📚 Lesson 4Javascript Part III
函数基础:函数是可重复使用的代码块。使用function关键字声明函数,通过函数名调用。带参数的函数:函数可以接受参数,包括形参和实参。参数传递过程是将实参的值传递给形参。参数数量需要匹配,否则可能引发错误。返回值:使用return语句从函数中返回值。区分return、break... 登录后查看完整内容
ℹ️ Information100+ JavaScript Concepts you Need to Know
观看入口:https://youtu.be/lkIFF4maKMU?si=HudzADf9Icr_w0vC
📚 Lesson 6Nodejs Introduction
什么是 Node.js:Node.js 是用于构建服务器应用的 JavaScript 运行环境解释 Node.js 的事件驱动、非阻塞 I/O 模型安装 Node.js:从官方网站下载 Node.js 安装程序并安装使用 node 命令运行 JavaScript创建 Node.j... 登录后查看完整内容
👨🏫 TutorialTutorial 04 (网页应用搭建)
Node Part Q&A
📚 Lesson 8Node 2
什么是模块化将代码分成小块,更易于管理和重用。介绍内置模块,使用require 去导入模块。fs 模块(文件系统):用于文件读写和操作文件系统。可以创建、读取、写入、删除文件,以及操作文件夹。http 模块:用于创建 HTTP 服务器和客户端,使你能够构建 Web 应用程序和进行... 登录后查看完整内容
📚 Lesson 9Node 3
介绍自定义模块每个模块都是一个魔法空间,保护你的代码免受外部干扰。导出的魔法使用module.exports和exports施展你的导出魔法,与其他模块分享你的魔法功能。CommonJS 魔法规则CommonJS 规则是 Node.js 中的官方魔法法典。使用 npm安装和管理依... 登录后查看完整内容
📚 Lesson 11Node 4
Express 中间件初体验探索 Express 中间件的魔法,这些小巧函数可实现惊奇的 Web 功能全局 vs 局部中间件全局中间件是应用程序的守护神,而局部中间件是按需服务的特派员中间件要点让中间件的顺序不会成为你的困扰中间件分类了解身份验证、日志、安全等中间件的多样性,就像... 登录后查看完整内容
📚 Lesson 12Node 5
Express 静态资源处理托管静态资源:用 Express 的魔法express.static分享文件示例:app.use(express.static('public'))路径玩点:添加自定义前缀给资源路径示例:app.use('/public', express.stati... 登录后查看完整内容
👨🏫 TutorialTutorial 06 (网页应用搭建)
作业&练习题目 1:自定义静态资源路径假设你希望将静态资源的URL路径前缀设置为**/assets,并且静态资源文件存储在public文件夹中。请编写 Express 应用程序,以便通过/assets路径访问public**文件夹中的静态资源。提供一个示例 URL,展示如... 登录后查看完整内容
ℹ️ InformationInstagramly 项目介绍
Instagramly 个人博客系统 项目亮点 简洁美观的用户界面:现代化的设计风格,提供良好的用户体验。 丰富的功能模块:支持用户资料编辑、博客发布与管理、社交链接展示等功能。 零基础入门:适合零基础学员,通过项目掌握Web开发的核心技能。 项目介绍 Instagramly... 登录后查看完整内容
📚 Lesson 15Nodejs Project 1
创建 project安装并使用 json-server完成 project APIs
👨🏫 TutorialTutorial 07 (网页应用搭建)
Nodejs Project Q&A
📚 Lesson 17Nodejs Project 2
Instagramly Backend Part 2
📚 Lesson 18Project WebPage Part I
创建一个 Vite 项目安装 Node.js按照官方网站的步骤安装 Vite使用 HTML 去实现 bar、main-left
📚 Lesson 19Project WebPage Part II
用 CSS 去完善 main-left用 HTML 和 CSS 去现实 main-middle-highline用 HTML、CSS、JavaScript 去实现 main-middle-post
👨🏫 TutorialTutorial 09 (网页应用搭建)
Project WebPage Part Q&A
📚 Lesson 21Project WebPage Part III
实现 main-middle-card实现 main-right使用媒体查询(media)实现响应式布局网格布局(grid)的使用介绍 netlify 的作用:前端部署工具介绍 fly 和 render 的作用:后端部署工具