À propos de ce cours : This course is designed to start you on a path toward future studies in web development and design, no matter how little experience or technical knowledge you currently have. The web is a very big place, and if you are the typical internet user, you probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With almost 1 billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills. By the end of this course you’ll be able to describe the structure and functionality of the world wide web, create dynamic web pages using a combination of HTML, CSS, and JavaScript, apply essential programming language concepts when creating HTML forms, select an appropriate web hosting service, and publish your webpages for the world to see. Finally, you’ll be able to develop a working model for creating your own personal or business websites in the future and be fully prepared to take the next step in a more advanced web development or design course or specialization.
Les destinataires de ce cours : This course is primarily aimed at the complete novice interested in learning about web development or for someone with some previous experience and would like a refresher of the basics.
Créé par : Université de Californie à Davis
Enseigné par : Daniel Randall, Senior Architect at Composer Solutions and Instructor
UC Davis Extension
| Niveau | Beginner |
| Engagement | 6 weeks of study, 2-3 hours/week |
| Langue | English, Sous-titres : Spanish |
| Comment réussir | Réussissez tous les devoirs notés pour terminer le cours. |
| Notes des utilisateurs |
Programme de cours
SEMAINE 1
Course Overview and Website Structure and Hosting
This first module provides an overview of how websites function, their structure, and the ins and outs of choosing a website name and selecting an online host to house your website. By the end of this module, you'll be able to: find and select a web hosting company; choose an effective domain name; use the host to manage your websites; and discuss how networks and the internet function at a high level.
9 vidéos, 2 lectures
- Vidéo: Course Overview
- Vidéo: Module 1 Introduction
- Vidéo: What is a Web Hosting Company?
- Vidéo: How to Find and Select a Web Hosting Company
- Vidéo: Naming a Website
- Vidéo: Website Name Registration
- Vidéo: Networks and the Internet
- Vidéo: First Look at a Website Control Panel
- Vidéo: Web Development Tools
- 阅读: Web Hosting Additional Resources
- 讨论提示: Why are you here?
- 阅读: Suggested Activity: Website Hosting and Naming
- 讨论提示: Hosting a Website
Noté: Module 1 Quiz
SEMAINE 2
Designing Your Own Website: HTML Basics
In this module, we'll begin to explore how to design and create websites by exploring the base language used to power all websites: HTML. By the end of this lesson, you'll be able to: identify and use common HTML tags; add an image to a webpage; create HTML-formatted tables; use hyperlinks to connect a series of webpages; upload your finished HTML pages to a web host; and, learn some tips and tricks for styling pages and practicing your coding.
10 vidéos, 1 lecture
- Vidéo: Module 2 Introduction
- Vidéo: Components and Structure of a Website
- Vidéo: Creating Your Own HTML: Setting Up a Template
- Vidéo: Creating Your Own HTML: Creating Links and Formatting Text
- Vidéo: Creating Your Own HTML: Working with Images
- Vidéo: Creating Your Own HTML: Working with Tables
- Vidéo: Creating HTML - How to Practice
- Vidéo: How to Put Your HTML on the Internet
- Vidéo: How to Test Your HTML
- Vidéo: Basic Styling in Webpages
- 阅读: HTML Additional Resources
- 讨论提示: Do you have a favorite tag?
- 讨论提示: Telling a Friend about HTML
- 同学互评: Setting Up Your Own HTML Template
Noté: Module 2 Quiz
SEMAINE 3
Introduction to Programming Using JavaScript
Now that you know some basic HTML, it's time to turn our attention to another common scripting language used to make websites dynamic - that is allowing users to interact with your webpages - JavaScript. While learning about JavaScript, you'll also gain some foundational knowledge common to all programming languages. By the end of this module, you'll be able to: discuss what is meant by dynamic content; perform essential programming language tasks; create simple JavaScript programs; use JavaScript to set up alerts and respond to events, to read input, and to change HTML; and conduct basic JavaScript testing.
9 vidéos, 1 lecture
- Vidéo: Module 3 Introduction
- Vidéo: Static vs. Dynamic Webpages
- Vidéo: The Value of JavaScript to Our Websites
- Vidéo: JavaScript Basics: Fundamental Syntax, Part 1
- Vidéo: JavaScript Basics: Fundamental Syntax, Part 2
- Vidéo: Putting JavaScript to Work: Using Alerts and Prompts
- Vidéo: Putting Javascript to Work: Events
- Vidéo: Putting JavaScript to Work: Gathering Additional User Input and Dynamically Modifying HTML
- Vidéo: Testing JavaScript
- 阅读: JavaScript Additional Resources
- 讨论提示: JavaScript and HTML
- 讨论提示: Tell a Friend About JavaScript
- 同学互评: Our First JavaScript Program
Noté: Module 3 Quiz
SEMAINE 4
Websites with Style: CSS Properties, Colors and Fonts
While HTML and JavaScript are very useful for web development, they don't exactly make websites look attractive - that's where cascading style sheets, or CSS, comes into play. While HTML is used to build the structure of our pages and JavaScript is used to provide interactive functionality, CSS is used to graphically design and layout webpages. By the end of this module, you'll be able to: discuss common mistakes in designing a website; identify and apply CSS basics like purpose and syntax; use CSS properties to control fonts, colors, layouts, and other common properties; differentiate between in-line, internal, and external CSS; and practice and test your cascading style sheets.
10 vidéos, 1 lecture
- Vidéo: Module 4 Introduction
- Vidéo: Plain Websites are Boring
- Vidéo: CSS Basics, Part 1
- Vidéo: CSS Basics, Part 2
- Vidéo: Putting CSS to Work: Getting Started with External CSS
- Vidéo: Putting CSS to Work: Setting Colors with CSS
- Vidéo: Putting CSS to Work: Controlling Your Page Layout
- Vidéo: Putting CSS to Work: Common CSS Properties
- Vidéo: How to Practice CSS
- Vidéo: Testing Website Styles
- 阅读: CSS Additional Resources
- 讨论提示: HTML, CSS, and JavaScript
- 同学互评: Enhancing a Webpage with CSS
Noté: Module 4 Quiz
SEMAINE 5
Creating HTML Forms
In this lesson, we're going to learn to apply all of the skills we've acquired so far to make a very common, and very useful type of webpage - an HTML form. HTML forms are seen everywhere on the internet and are used to capture particular information from users in a variety of ways. By the end of this module you'll be able to: create basic HTML forms; identify and appropriately use different types of HTML input; validate user input; submit HTML forms; and test how your forms are working and troubleshoot errors.
7 vidéos, 1 lecture
- Vidéo: Module 5 Introduction
- Vidéo: HTML Forms User Input
- Vidéo: HTML Form Elements
- Vidéo: HTML Form Validation: JavaScript
- Vidéo: HTML Form Validation: Complex Form Example
- Vidéo: HTML Form Validation: Additional Features
- Vidéo: HTML Form Validation: Processing
- 阅读: HTML Forms Additional Resources
- 讨论提示: Exploring HTML Forms
- 同学互评: HTML Form Practice
Noté: Module 5 Quiz
SEMAINE 6
Creating Web Applications
In our final module, we're going to explore the basics of designing web applications - programming useful and dynamic webpages that allow our users to interact with them. By the end of this lesson you'll be able to: distinguish between client and server-side development; apply advanced JavaScript programming skills to create logic with selection and iteration; create new features for applications; create more advanced HTML forms; and practice and learn additional troubleshooting and problem-solving techniques. The module wraps with a final peer review activity that will draw upon all of the skills you've learned in this course.
8 vidéos, 1 lecture
- Vidéo: Module 6 Introduction
- Vidéo: Client-side versus Server-side Application Development
- Vidéo: Features in Web Applications: The While Loop
- Vidéo: Features in Web Applications: The For Loop
- Vidéo: Creating New Features in Web Applications
- Vidéo: Guided Practice with HTML Form Validation, Part 1
- Vidéo: Guided Practice with HTML Form Validation, Part 2
- 阅读: Validating HTML Forms
- 讨论提示: Wrapping Up
- Vidéo: Course Summary
Noté: Module 6 Quiz
Noté: Complete HTML Form
FAQ
Comment cela fonctionne
课程作业
每门课程都像是一本互动的教科书，具有预先录制的视频、测验和项目。
来自同学的帮助
与其他成千上万的学生相联系，对想法进行辩论，讨论课程材料，并寻求帮助来掌握概念。
证书
获得正式认证的作业，并与朋友、同事和雇主分享您的成功。
Créateurs
Université de Californie à Davis
UC Davis, one of the nation’s top-ranked research universities, is a global leader in agriculture, veterinary medicine, sustainability, environmental and biological sciences, and technology. With four colleges and six professional schools, UC Davis and its students and alumni are known for their academic excellence, meaningful public service and profound international impact.
Tarification
| Acheter le cours | |
|---|---|
| Accéder au contenu du cours | Disponible |
| Accéder au contenu noté | Disponible |
| Recevoir une Note Finale | Disponible |
| Obtenir un Certificat de Cours partageable | Disponible |
Notation et examens
Buen curso para empezar a aprender sobre el desarrollo web. Esta bien explicado
worth the time
One of the best course i have learnt
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2018 Coursera Inc. Tous droits réservés.
very good and amazing
we need many courses like this in web design and web development and programming