HTML, CSS, and Javascript for Web Developers

Über diesen Kurs

1.716.686 kürzliche Aufrufe

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.

Karriereergebnisse der Lernenden

52%

nahm einen neuen Beruf nach Abschluss dieser Kurse auf

46%

ziehen Sie für Ihren Beruf greifbaren Nutzen aus diesem Kurs

14%

erhalten Sie eine Gehaltserhöhung oder Beförderung

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Ca. 40 Stunden zum Abschließen

Englisch

Untertitel: Arabischer Raum, Französisch, Portugiesisch (europäisch), Italienisch, Vietnamesisch, Koreanisch, Deutsch, Russisch, Englisch, Spanisch

Kompetenzen, die Sie erwerben

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)

Karriereergebnisse der Lernenden

52%

nahm einen neuen Beruf nach Abschluss dieser Kurse auf

46%

ziehen Sie für Ihren Beruf greifbaren Nutzen aus diesem Kurs

14%

erhalten Sie eine Gehaltserhöhung oder Beförderung

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Ca. 40 Stunden zum Abschließen

Englisch

Untertitel: Arabischer Raum, Französisch, Portugiesisch (europäisch), Italienisch, Vietnamesisch, Koreanisch, Deutsch, Russisch, Englisch, Spanisch

Dozent

Dozentenbewertung

4,8/5 (2.719 Bewertungen)

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science

Whiting School of Engineering

623.670 Kursteilnehmer

2 Kurse

Lehrplan - Was Sie in diesem Kurs lernen werden

Inhaltsbewertung96%(114,087 Bewertungen)

Woche

1

Woche 1

9 Stunden zum Abschließen

Introduction to HTML5

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.

9 Stunden zum Abschließen

18 Videos (Gesamt 120 min), 6 Lektüren, 12 Quiz

18 Videos

Course Introduction3m

Welcome to Module 1: Introduction to HTML51m

Development Environment Setup, Part 13m

Development Environment Setup, Part 2: MacOS8m

Development Environment Setup, Part 2: Windows6m

Development Environment Setup, Part 3: Github and Browser Sync17m

Resources for Asking Questions5m

Lecture 1: What is HTML?7m

Lecture 2: Relevant History of HTML10m

Lecture 3: Anatomy of an HTML Tag5m

Lecture 4: Basic HTML Document Structure6m

Lecture 5: HTML Content Models6m

Lecture 6: Heading Elements (and some new HTML5 semantic comments)7m

Lecture 7: Lists5m

Lecture 8: HTML Character Entity References7m

Lecture 9: Creating Links9m

Lecture 10: Displaying Images6m

Module 1 Wrap-Up30

6 Lektüren

How Grading and Being Late on Assignments Works10m

Recommended Books10m

CHECK OUT MY SITE!10m

ALL of the EXAMPLE SOURCE CODE for this Course3m

Frequently Asked Questions2m

CONNECT WITH ME!2m

12 praktische Übungen

Optional Practice Quiz30m

Module 1 Quiz30m

Woche

2

Woche 2

11 Stunden zum Abschließen

Introduction to CSS3

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.

11 Stunden zum Abschließen

27 Videos (Gesamt 188 min), 4 Lektüren, 15 Quiz

27 Videos

Welcome to Module 2: Introduction to CSS350

Lecture 11: Power of CSS5m

Lecture 12: Anatomy of a CSS Rule4m

Lecture 13: Element, Class, and ID Selectors9m

Lecture 14: Combining Selectors9m

Lecture 15: Pseudo-Class Selectors9m

Lecture 16: Style Placement5m

Lecture 17, Part 1: Conflict Resolution8m

Lecture 17, Part 2: Conflict Resolution6m

Lecture 18, Part 1: Styling Text6m

Lecture 18, Part 2: Styling Text5m

Lecture 19, Part 1: The Box Model10m

Lecture 19, Part 2: The Box Model7m

Lecture 19, Part 3: The Box Model5m

Lecture 20: The background Property6m

Lecture 21: Positioning Elements by Floating10m

Lecture 22, Part 1: Relative and Absolute Element Positioning7m

Lecture 22, Part 2: Relative and Absolute Element Positioning3m

Lecture 23, Part 1: Media Queries4m

Lecture 23, Part 2: Media Queries9m

Lecture 24, Part 1: Responsive Design7m

Lecture 24, Part 2: Responsive Design11m

Lecture 25, Part 1: Introduction to Twitter Bootstrap5m

Lecture 25, Part 2: Introduction to Twitter Bootstrap7m

Lecture 26, Part 1: The Bootstrap Grid System9m

Lecture 26, Part 2: The Bootstrap Grid System9m

Module 2 Wrap-Up38

4 Lektüren

Recommended Books5m

New Tutorials - here is how...2m

CONNECT WITH ME!2m

Frequently Asked Questions2m

14 praktische Übungen

Optional Practice Quiz30m

Woche

3

Woche 3

7 Stunden zum Abschließen

Coding the Static Restaurant Site

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.

7 Stunden zum Abschließen

24 Videos (Gesamt 201 min), 3 Lektüren, 6 Quiz

24 Videos

Welcome to Module 3: Coding the Static Restaurant Site53

Lecture 27, Part 1: Visit with the Client10m

Lecture 27, Part 2: Visit with the Client (Field Trip)9m

Lecture 28: Design Overview9m

Lecture 29: Some Ground Rules and Overview of Setup10m

Lecture 30, Part 1: Coding Basics of Navbar Header9m

Lecture 30, Part 2: Coding Basics of Navbar Header7m

Lecture 31: Coding Button for Future Collapsible Menu6m

Lecture 32, Part 1: Coding Nav Menu Buttons11m

Lecture 32, Part 2: Coding Nav Menu Buttons3m

Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7m

Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4m

Lecture 34: Coding the Jumbotron11m

Lecture 35, Part 1: Coding Navigation Tiles11m

Lecture 35, Part 2: Coding Navigation Tiles13m

Lecture 36, Part 1: Coding the Footer10m

Lecture 36, Part 2: Coding the Footer3m

Lecture 37, Part 1: Coding the Menu Categories14m

Lecture 37, Part 2: Coding the Menu Categories6m

Lecture 38, Part 1: Coding the Single Menu Category Page11m

Lecture 38, Part 2: Coding the Single Menu Category Page13m

Lecture 38, Part 3: Coding the Single Menu Category Page7m

Lecture 39: Testing the Mobile Version on a Real Phone4m

Module 3 Wrap-Up28

3 Lektüren

Recommended Books5m

New Tutorials - here is how...2m

Frequently Asked Questions2m

5 praktische Übungen

Optional Practice Quiz30m

Woche

4

Woche 4

8 Stunden zum Abschließen

Introduction to Javascript

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.

8 Stunden zum Abschließen

24 Videos (Gesamt 151 min), 3 Lektüren, 10 Quiz

24 Videos

Welcome to Module 4: Introduction to Javascript1m

Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5m

Lecture 40, Part 2: Where to Place Javascript Code5m

Lecture 41, Part 1: Defining Variables, Function, and Scope8m

Lecture 41, Part 2: Defining Variables, Function, and Scope4m

Lecture 42, Part 1: Javascript Types5m

Lecture 42, Part 2: Javascript Types4m

Lecture 43, Part 1: Common Language Constructs8m

Lecture 43, Part 2: Common Language Constructs4m

Lecture 43, Part 3: Common Language Constructs7m

Lecture 44: Handling Default Values4m

Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7m

Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5m

Lecture 46: Functions Explained8m

Lecture 47, Part 1: Passing Variables by Value vs. by Reference6m

Lecture 47, Part 2: Passing Variables by Value vs. by Reference7m

Lecture 48: Function Constructors, prototype, and the 'this' Keyword12m

Lecture 49: Object Literals and the 'this' Keyword6m

Lecture 50, Part 1: Arrays8m

Lecture 50, Part 2: Arrays4m

Lecture 51: Closures6m

Lecture 52, Part 1: Fake Namespaces6m

Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8m

Module 4 Wrap-Up44

3 Lektüren

Recommended Books5m

New Tutorials - here is how...2m

Frequently Asked Questions2m

9 praktische Übungen

Optional Practice Quiz30m

Bewertungen

4.7

4153 Bewertungen

5 stars
82,58 %
4 stars
13,29 %
3 stars
1,86 %
2 stars
0,87 %
1 star
1,36 %

Top-Bewertungen von HTML, CSS, AND JAVASCRIPT FOR WEB DEVELOPERS

von SM10. Juni 2020

Actually the best online course i hv ever learnt,especially the professor yaakov is quiet outstanding.And a field trip in a online course sounds rare and good!!Thank You Coursera and yakkov for this!!

von AT17. Juli 2021

This was a really great course, i learned so much, and it was really interesting and very well explained.And the field trip was good .Thank you Coursera and Yaakov Chaikin for this wonderful course !

von YV30. Mai 2020

Many thanks to the creators of this course! It was a very solid refresher for me, even though I have spent in web development a few years by now. I thoroughly enjoyed every lesson. Thank you, Yaakov!

von SW14. März 2016

This was a really great course, i learned so much, and it was really interesting and very well explained. I will be taking any more courses done by Yaakov! Really excellent course, thank you so much.

Alle Bewertungen anzeigen

Häufig gestellte Fragen

Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Anmeldung ab. Wenn Sie einen Kurs im Gastmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erhalten, müssen Sie während oder nach Ihrer Gastphase das Zertifikat erwerben. Wenn Sie die Gastoption nicht sehen:
Der Kurs bietet möglicherweise keine Gastoption an. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
Der Kurs kann stattdessen "Vollständiger Kurs ohne Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Aufgaben einreichen und eine Endnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich das Zertifikat erwerbe?
Wenn Sie ein Zertifikat erwerben, erhalten Sie Zugriff auf alle Kursmaterialien, einschließlich bewerteter Aufgaben. Nach Abschluss des Kurses wird Ihr elektronisches Zertifikat zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.
Is financial aid available?
Ja, Coursera bietet Kursteilnehmern, die die Gebühr nicht bezahlen können, finanzielle Hilfe an. Sie beantragen diese Hilfe, indem Sie auf den entsprechenden Link links unter der Schaltfläche "Anmelden" klicken. Sie werden dazu aufgefordert, ein Antragsformular auszufüllen, und Sie werden benachrichtigt, wenn Ihr Antrag bewilligt wird. Mehr erfahren.
Erhalte ich akademische Leistungspunkte für den Abschluss des Kurses?
Für diesen Kurs gibt es keine akademischen Leistungspunkte, doch Hochschulen können nach eigenem Ermessen Leistungspunkte für Kurszertifikate vergeben. Wenden Sie sich an Ihre Einrichtung, um mehr zu erfahren. Online-Abschlüsse und Mastertrack™-Zertifikate auf Coursera bieten die Möglichkeit, akademische Leistungspunkte zu erwerben.

Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..

HTML, CSS, and Javascript for Web Developers