Coursera 笔记

Module 01 · HTML OverviewHTML 概述

Course Syllabus课程教学大纲

Coursera ↗

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
    阅读:致谢与鸣谢