|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/introduction-html-css-javascript
课程评论：没有评论
课程名称：HTML、CSS和JavaScript入门 课程概述：想成为一名网页开发者的第一步？本课程将帮助你了解创建互动和吸引人网站所需的语言、框架和工具。 你将首先理解前端、后端和全栈开发者的角色及其如何协作，掌握网络开发职业所需的术语和技能。 接下来，你将深入学习HTML5，了解结构性元素如部分、区域等。 课程大纲： 1. **HTML概述**：本模块将引导你进入网页开发之旅，探索超文本标记语言（HTML），作为结构化网页内容的基础语言。你将了解HTML5的主要特性、优势以及它与其他标记语言（如XML）的区别。同时，你将学习现代浏览器如何解释和支持HTML5，如何启用脚本，以及文档对象模型（DOM）如何实现网页内容的动态交互。你还将在JSFiddle这款在线代码编辑器中动手实践，实验HTML、CSS和JavaScript。在模块结束时，你将打下坚实的HTML5结构和脚本能力的基础。 2. **CSS概述与HTML5元素**：本模块将探索HTML5和CSS的基础元素。HTML5提供一系列结构性元素，帮助开发者创建结构良好和互动性强的网站。你将了解各类HTML5元素，并学习如何利用CSS对HTML元素进行样式设置，通过结合HTML5与CSS，开发者能够构建视觉吸引和响应式的网络应用。本模块还将涵盖如何使用CSS格式化HTML元素的布局、外观和行为，并介绍Tailwind和Bootstrap等CSS框架。 3. **Web应用程序的JavaScript编程**：你已经拥有了一个结构良好、内容一致的网页，接下来将通过集成JavaScript来增强其交互性。在这一模块中，你将学习JavaScript的基础知识，包括其语法、变量、控制结构、函数和原型。你将学习常用数组方法以及如何使用JavaScript API操作HTML内容和样式、访问DOM并处理事件。通过实践实验，你将进行表单验证、DOM操作和实时内容更新等练习。 4. **最终项目**：在这一模块中，你将运用所学的HTML、CSS和JavaScript知识，构建一个完整的网页应用。你将扮演一家知名咨询公司的网页开发者，为一名客户设计和开发一个静态的个人作品网页，展示客户的技能、背景和成就。完成此项目后，你将能够展示出运用HTML结构内容、应用CSS样式以及通过JavaScript实现互动的能力，创造出专业且用户友好的网页体验。
Name:HTML Overview
Description:In this module, you’ll begin your journey into web development by exploring HyperText Markup Language (HTML), the foundational language for structuring content on the web. You’ll gain a clear understanding of HTML5, including its key features, benefits, and how it differs from other markup languages like XML. You'll learn how modern browsers interpret and support HTML5, how scripting is enabled, and how the Document Object Model (DOM) allows dynamic interaction with webpage content. You’ll also work hands-on in JSFiddle, an online code editor, where you'll experiment with HTML, CSS, and JavaScript in an interactive coding environment. This module includes real-world insights from web professionals to give you a practical understanding of how HTML and CSS are used in development teams today. By the end of this module, you’ll have a strong foundation in HTML5 structure, scripting capabilities, and browser support—setting the stage for your future work with CSS and JavaScript.
Name:CSS Overview & HTML5 Elements
Description:In this module, you will explore the foundational elements of HTML5 and CSS. HTML5 offers a range of structural elements that allow developers to create well-structured and interactive websites. You will learn about various HTML5 elements that divide a document into divisions, create headers and footers, define sections, and structure content with headings and the body of the document. Additionally, you will explore HTML5 elements that allow users to interact with the website, inputting information in formats such as dates, times, numbers, email addresses, and more. Cascading Style Sheets (CSS) plays a crucial role in styling HTML elements. By combining HTML5 and CSS, developers can build visually appealing and responsive web applications. This module covers how CSS can be used to format the layout, appearance, and behavior of HTML elements, and it introduces CSS frameworks like Tailwind and Bootstrap for building responsive web pages. Through hands-on labs, you will practice applying HTML5 structural elements and CSS styling to create functional and visually appealing web pages, while also gaining a deeper understanding of the role of CSS selectors and responsive design.
Name: JavaScript Programming for Web Applications
Description:You now have a website or cloud application built with a solid structure and content provided by HTML, along with consistent styling achieved through CSS. To enhance interactivity and provide a dynamic user experience, you will integrate JavaScript into your project. In this module, you will explore the fundamentals of JavaScript, including its syntax, variables, control structures, functions, and prototypes. You will also learn about common array methods and how to use JavaScript APIs to manipulate HTML content and styles, access the Document Object Model, and handle events using client-side scripting. Hands-on labs will guide you through practical exercises like form validation, DOM manipulation, and real-time content updates. You will also practice writing and debugging scripts using tools such as the browser console and JSFiddle. By the end of this module, you will be able to create highly interactive and responsive web applications that react to user input and enhance the overall functionality of your site.
Name:Final Project
Description:In this module, you will apply your knowledge of HTML, CSS, and JavaScript to build a complete web application. You will take on the role of a web developer working for ABC Consultant, a well-known placement firm that assists individuals with less than five years of experience in finding suitable employment opportunities. As a web developer, your task is to design and develop a single static portfolio webpage for one of the firm’s clients. This portfolio will showcase the client’s skills, background, and accomplishments and will be used to introduce them to prospective employers. By completing this project, you will demonstrate your ability to structure content using HTML, apply styling through CSS, and incorporate interactivity using JavaScript to create a professional, user-friendly web experience.
Want to take the first steps to become a Web Developer? This course will help you discover the languages, frameworks, and tools you will need to create interactive and engaging websites right from the beginning. You’ll begin by understanding the roles of front-end, back-end, and full-stack developers and how they collaborate, along with the terminology and skills essential for a web development career. Next, you’ll dive deep into HTML5—learning about structural elements like section, ar
