Module 01 · HTML OverviewHTML 概述
Course Syllabus课程教学大纲
Introduction 引言
- Video: Course Introduction
视频:课程介绍 - Reading: Helpful Tips for Course Completion
阅读:课程完成实用技巧 - Reading: Syllabus 阅读:课程大纲
Module 1: HTML Overview 模块 1:HTML 概述
- Video: Introduction to HTML
视频:HTML 简介 - Video: HTML Features 视频:HTML 特性
- Hands-On Lab: Intro to HTML (JSFiddle)
动手实验室:HTML 入门(JSFiddle) - Video: HTML Management and Support
视频:HTML 管理与支持 - Video: HTML Scripting 视频:HTML 脚本
- Video: HTML5 Browser Support
视频:HTML5 浏览器支持 - Video: Insiders’ Viewpoints: Working with HTML and CSS
视频:内部视角:使用 HTML 和 CSS - Ungraded Plugin: Common HTML Elements
未评分插件:常见 HTML 元素 - Hands-On Lab: HTML - Creating a Simple Web Page
动手实验室:HTML - 创建一个简单的网页 - Reading: Module 1 Summary
阅读:模块 1 总结 - Reading: Glossary - HTML Overview
阅读:术语表 - HTML 概述 - Reading: Cheatsheet - HTML Overview
阅读:速查表 - HTML 概览 - Practice Quiz: HTML Overview
实践测验:HTML 概述 - Graded Quiz: HTML Overview
分级测验:HTML 概述
Module 2: CSS Overview & HTML5 Elements 模块 2:CSS 概述与 HTML5 元素
- Video: HTML5 Tags and Structural Elements
视频:HTML5 标签和结构元素 - Reading: Common HTML5 Tags and Structural Elements
阅读:常见 HTML5 标签和结构元素 - Hands-on Lab: Unit Conversion using HTML5 Structural Elements
动手实验室:使用 HTML5 结构元素进行单位转换 - Video: HTML5 Input Element: Attributes for the Input Tag
视频:HTML5 输入元素:输入标签属性 - Video: Insiders’ Viewpoints: Enhancing the User Experience with HTML5
视频:内部视角:利用 HTML5 提升用户体验 - Reading: Additional HTML Elements: HTML Fieldset and Legend Tag
阅读:额外的 HTML 元素:HTML 字段集和图例标签 - Video: CSS: Styling HTML 视频:CSS:HTML 样式
- Video: CSS Frameworks 视频:CSS 框架
- Hands-On Lab: CSS Basics - Styling Your Web Page
动手实验室:CSS 基础 - 网页样式化 - Reading: Module 2 Summary: CSS Overview & HTML5 Elements
阅读:模块 2 总结:CSS 概述与 HTML5 元素 - Reading: Glossary - CSS Overview & HTML5 Elements
阅读:术语表 - CSS 概览与 HTML5 元素 - Reading: Cheatsheet - CSS Overview & HTML5 Elements
阅读:速查表 - CSS 概览与 HTML5 元素 - Practice Quiz: CSS Overview & HTML5 Elements
实践测验:CSS 概述 & HTML5 元素 - Graded Quiz: CSS Overview & HTML5 Elements
评分测验:CSS 概述 & HTML5 元素
Module 3: JavaScript Programming for Web Applications 模块 3:Web 应用程序的 JavaScript 编程
- Video: JavaScript Language: Overview and Syntax
视频:JavaScript 语言:概述与语法 - Video: JavaScript: Variables and Control Statements
视频:JavaScript:变量和控制语句 - Video: JavaScript: Functions and Prototypes
视频:JavaScript:函数与原型 - Video: JavaScript APIs 视频:JavaScript API
- Ungraded Plugin: JavaScript APIs
未评分插件:JavaScript API - Video: Client-Side JavaScript: with HTML
视频:客户端 JavaScript:与 HTML - Video: Insiders’ Viewpoints: JavaScript Best Practices
视频:内部视角:JavaScript 最佳实践 - Hands-On Lab: JavaScript 动手实验室:JavaScript
- Video: Client-Side JavaScript: with DOM
视频:客户端 JavaScript:使用 DOM - Video: JavaScript DOM Objects
视频:JavaScript DOM 对象 - Hands-on Lab: JavaScript - Browser Console
动手实验室:JavaScript - 浏览器控制台 - Reading: Module 3 Summary JavaScript Programming for Web Applications
阅读:模块 3 总结 网络应用 JavaScript 编程 - Reading: Glossary - JavaScript Programming for Web Applications
阅读:术语表 - 网络应用 JavaScript 编程 - Reading: Cheatsheet - JavaScript Programming for Web Applications
阅读:JavaScript 编程速查表 - 网络应用程序 - Practice Quiz: JavaScript Programming for Web Applications
实践测验:Web 应用程序 JavaScript 编程 - Graded Quiz: JavaScript Programming for Web Applications
分级测验:Web 应用程序 JavaScript 编程
Module 4: Career Opportunities and Final Project 模块 4:职业机会与最终项目
Practice Assignment 实践作业
- Hands-On Lab: Simple Interest Calculator
动手实验室:简单利息计算器
Final Project 最终项目
- Reading: Final Project Overview and Review Criteria
阅读:最终项目概述及评审标准 - Hands-On Lab: Single-Page Portfolio Website
动手实验室:单页作品集网站 - Reading: Submission Checklist
阅读:提交清单 - Peer Review: Final Project: Submit Your Work and Review Your Peers
同行评审:最终项目:提交你的作品并评审你的同伴 - Reading: (Optional ) Publish your Portfolio to GitHub Pages
阅读:(可选)将您的作品集发布到 GitHub Pages
Course Wrap-up 课程总结
- Reading: Congratulations and Next Steps
阅读:祝贺及下一步行动 - Reading: Credits and Acknowledgments
阅读:致谢与鸣谢