Introduction to Web Development

University of California, Davis

About this Course

326,313 recent views

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.

Learner Career Outcomes

28%

started a new career after completing these courses

35%

got a tangible career benefit from this course

14%

got a pay increase or promotion

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Beginner Level

Approx. 22 hours to complete

English

Subtitles: English, Spanish, Russian, French

Skills you will gain

Css CodeHtmlJavaScriptCascading Style Sheets (CCS)

Learner Career Outcomes

28%

started a new career after completing these courses

35%

got a tangible career benefit from this course

14%

got a pay increase or promotion

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Beginner Level

Approx. 22 hours to complete

English

Subtitles: English, Spanish, Russian, French

Instructor

Instructor rating

4.61/5 (591 Ratings)

Daniel Randall

Senior Architect at Composer Solutions and Instructor

UC Davis Division of Continuing and Professional Education

142,774 Learners

1 Course

Offered by

University of California, 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.

Syllabus - What you will learn from this course

Content Rating96%(16,407 ratings)

Week

Week 1

4 hours to complete

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.

4 hours to complete

9 videos (Total 33 min), 2 readings, 1 quiz

9 videos

Course Overview1m

Module 1 Introduction54s

What is a Web Hosting Company?4m

How to Find and Select a Web Hosting Company4m

Naming a Website2m

Website Name Registration4m

Networks and the Internet3m

First Look at a Website Control Panel4m

Web Development Tools6m

2 readings

Web Hosting Additional Resources45m

Suggested Activity: Website Hosting and Naming1h 30m

1 practice exercise

Module 1 Quiz20m

Week

Week 2

4 hours to complete

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.

4 hours to complete

10 videos (Total 60 min), 1 reading, 2 quizzes

10 videos

Module 2 Introduction1m

Components and Structure of a Website2m

Creating Your Own HTML: Setting Up a Template6m

Creating Your Own HTML: Creating Links and Formatting Text9m

Creating Your Own HTML: Working with Images8m

Creating Your Own HTML: Working with Tables7m

Creating HTML - How to Practice7m

How to Put Your HTML on the Internet3m

How to Test Your HTML5m

Basic Styling in Webpages6m

1 reading

HTML Additional Resources45m

1 practice exercise

Module 2 Quiz20m

Week

Week 3

3 hours to complete

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.

3 hours to complete

9 videos (Total 59 min), 1 reading, 2 quizzes

9 videos

Module 3 Introduction1m

Static vs. Dynamic Webpages5m

The Value of JavaScript to Our Websites3m

JavaScript Basics: Fundamental Syntax, Part 15m

JavaScript Basics: Fundamental Syntax, Part 210m

Putting JavaScript to Work: Using Alerts and Prompts9m

Putting Javascript to Work: Events7m

Putting JavaScript to Work: Gathering Additional User Input and Dynamically Modifying HTML6m

Testing JavaScript8m

1 reading

JavaScript Additional Resources45m

1 practice exercise

Module 3 Quiz20m

Week

Week 4

3 hours to complete

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.

3 hours to complete

10 videos (Total 50 min), 1 reading, 2 quizzes

10 videos

Module 4 Introduction2m

Plain Websites are Boring4m

CSS Basics, Part 16m

CSS Basics, Part 24m

Putting CSS to Work: Getting Started with External CSS7m

Putting CSS to Work: Setting Colors with CSS4m

Putting CSS to Work: Controlling Your Page Layout4m

Putting CSS to Work: Common CSS Properties4m

How to Practice CSS4m

Testing Website Styles6m

1 reading

CSS Additional Resources45m

1 practice exercise

Module 4 Quiz20m

Week

Week 5

3 hours to complete

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.

3 hours to complete

7 videos (Total 41 min), 1 reading, 2 quizzes

7 videos

Module 5 Introduction1m

HTML Forms User Input7m

HTML Form Elements7m

HTML Form Validation: JavaScript6m

HTML Form Validation: Complex Form Example5m

HTML Form Validation: Additional Features7m

HTML Form Validation: Processing5m

1 reading

HTML Forms Additional Resources45m

1 practice exercise

Module 5 Quiz20m

Week

Week 6

5 hours to complete

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.

5 hours to complete

8 videos (Total 35 min), 1 reading, 2 quizzes

8 videos

Module 6 Introduction1m

Client-side versus Server-side Application Development4m

Features in Web Applications: The While Loop5m

Features in Web Applications: The For Loop5m

Creating New Features in Web Applications3m

Guided Practice with HTML Form Validation, Part 15m

Guided Practice with HTML Form Validation, Part 27m

Course Summary1m

1 reading

Validating HTML Forms45m

1 practice exercise

Module 6 Quiz20m

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
What is the refund policy?
You will be eligible for a full refund until two weeks after your payment date, or (for courses that have just launched) until two weeks after the first session of the course begins, whichever is later. You cannot receive a refund once you’ve earned a Course Certificate, even if you complete the course within the two-week refund period. See our full refund policy.
Is financial aid available?
Yes, Coursera provides financial aid to learners who cannot afford the fee. Apply for it by clicking on the Financial Aid link beneath the "Enroll" button on the left. You’ll be prompted to complete an application and will be notified if you are approved. Learn more.
Will I earn university credit for completing the Course?
This Course doesn't carry university credit, but some universities may choose to accept Course Certificates for credit. Check with your institution to learn more. Online Degrees and Mastertrack™ Certificates on Coursera provide the opportunity to earn university credit.

More questions? Visit the Learner Help Center.

Introduction to Web Development