HTML, CSS, and Javascript for Web Developers

所在平台: Coursera

课程主页: https://www.coursera.org/learn/html-css-javascript-for-web-developers

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:网页开发者的HTML、CSS和JavaScript 概述:本课程旨在教授网页开发的基本工具,帮助学生理解网页的功能对于用户体验的重要性。现代用户期望网页加载快速、服务清晰,并且在各种设备上都能舒适浏览。课程将从基础开始,教授如何使用HTML和CSS构建现代网页,并进一步学习如何实现响应式设计,使网页在不同屏幕尺寸上自适应。最后,课程将深入讲解JavaScript,帮助学生构建具有AJAX功能的完整网页应用,充分利用服务器端的数据和功能。 课程大纲: 1. **HTML5入门**:学习HTML5的基本知识,包括文档结构、元素嵌套、语义标签的意义及重要标签的使用。 2. **CSS3入门**:从CSS3的基础到高级概念,如浮动和规则冲突解析,了解盒模型、背景属性等,掌握响应式设计,并引入Twitter Bootstrap框架的网格系统。 3. **静态餐厅网站编码**:与真实客户合作,设计和建构一个餐厅网站实践项目,学习如何与客户沟通并将构思实现为实际网页。 4. **JavaScript入门**:专注学习JavaScript语言的基本知识,理解语言的构造、类型、对象、函数、数组等,不仅要学会使用,更要理解其背后的原理。 5. **使用JavaScript构建Web应用**:将JavaScript技能运用到网页中,学习如何操作DOM,处理AJAX请求与响应,处理JSON数据,并将餐厅网站与实际后台服务连接,动态获取菜单数据。 该课程适合希望深入了解网页开发的初学者,通过实践项目和互动学习,提升实际编码能力。

课程大纲

Part: 1

Title:Introduction to HTML5

Description:In this module we will learn the basics of HTML5. We'll start with instructional videos on how to set up your development environment, go over HTML5 basics like valid document structure, which elements can be included inside other elements and which can not, discuss the meaning and usefulness of HTML5 semantic tags, and go over essential HTML5 tags.

Part: 2

Title:Introduction to CSS3

Description:A lot of people "tinker" with CSS. In this module, we'll take you from the very basics of CSS3 to some fairly advanced concepts like floating and CSS rule conflict resolution. We'll go over the 'box model', background property, etc. We'll finish off the module with learning about Responsive Design using our own CSS code as well as start introducing Twitter Bootstrap with its essential Grid System.

Part: 3

Title:Coding the Static Restaurant Site

Description:Ready for some REAL fun? This module is it! We'll go over some basics of interacting with a client when managing a web site project and then go visit a real client at their place of business (a Chinese restaurant), help the owner figure out what she wants in a site, and get acquainted with the restaurant in general. We'll spend the rest of the module building a real web site for this business from scratch and you'll get to sit next to me and watch as the site comes together.

Part: 4

Title:Introduction to Javascript

Description:What fun would a web site be if there was no functionality to it? In this module, we are going to concentrate on learning the fundamentals of the Javascript language. A lot of even seasoned developers “tinker” with Javascript without really understanding how the language works. That leads to viewing the language as more of a nuisance instead of a powerful tool. That is why we are going to concentrate not only on the “how” but also on the “why”, so you are empowered by the Javascript language features, not confused by them. We’ll cover just about everything - from common language constructs and Javascript types to objects, functions, arrays, closures, and scope isolation.

Part: 5

Title:Using Javascript to Build Web Applications

Description:In this module, we are going to take all those newly learned Javascript language skills and learn how to utilize them within the context of a web page. We’ll start by learning how to properly manipulate the web page components using the Javascript Document Object Model API. We will then move on to learning one of the most popular ways of serving up data to a web site - Ajax. We'll learn about the protocol that the language of the web speaks in (HTTP), how to set up and handle Ajax requests and responses, as well as how to process JSON data. We'll finish the module by connecting our restaurant web site from Module 3 to a real backend service that will allow us to pull the data for the restaurant menu dynamically from the server without having to reload the entire page.

课程评论(0条)

课程详情

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones. In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS. We will then advance to learning how to code our pages such that its components rearrange and resize themselves automatically based on the size of the user’s screen. You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer. No “pinch and zoom” required! Last but certainly not least, we will get a thorough introduction to the most ubiquitous, popular, and incredibly powerful language of the web: Javascript. Using Javascript, you will be able to build a fully functional web application that utilizes Ajax to expose server-side functionality and data to the end user.

课程标签

0人关注该课程

主题相关的课程