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.
von
HTML, CSS, and Javascript for Web Developers
Johns Hopkins UniversityÜber diesen Kurs
3,650,392 kürzliche Aufrufe
Karriereergebnisse der Lernenden
53%
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
Zertifikat zur Vorlage
Erhalten Sie nach Abschluss ein Zertifikat
100 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Ca. 26 Stunden zum Abschließen
Englisch
Untertitel: Englisch, Koreanisch
Kompetenzen, die Sie erwerben
HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)
Karriereergebnisse der Lernenden
53%
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
Zertifikat zur Vorlage
Erhalten Sie nach Abschluss ein Zertifikat
100 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Ca. 26 Stunden zum Abschließen
Englisch
Untertitel: Englisch, Koreanisch
von
Johns Hopkins University
The mission of The Johns Hopkins University is to educate its students and cultivate their capacity for life-long learning, to foster independent and original research, and to bring the benefits of discovery to the world.
Lehrplan - Was Sie in diesem Kurs lernen werden
4 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.
4 Stunden zum Abschließen
18 Videos (Gesamt 120 min), 6 Lektüren, 12 Quiz
18 Videos
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 Quiz8m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz12m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz2m
Module 1 Quiz46m
6 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.
6 Stunden zum Abschließen
27 Videos (Gesamt 188 min), 4 Lektüren, 15 Quiz
27 Videos
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 Quiz6m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz6m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz8m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz6m
Optional Practice Quiz8m
6 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.
6 Stunden zum Abschließen
24 Videos (Gesamt 201 min), 3 Lektüren, 6 Quiz
24 Videos
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 Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
5 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.
5 Stunden zum Abschließen
24 Videos (Gesamt 151 min), 3 Lektüren, 10 Quiz
24 Videos
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 Quiz6m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Bewertungen
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 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.
von NC15. März 2018
Excellent course, specially if you are a professional but in different technologies/ languages, from the back-end world, etc... You will progress very fast as it goes right to the essential notions.
Häufig gestellte Fragen
Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
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.
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.
Wie erfolgen Rückerstattungen?
Sie haben bis zu zwei Wochen nach Ihrem Zahlungsdatum beziehungsweise bis zu zwei Wochen nach Beginn der ersten Kurseinheit (bei Kursen, die gerade gestartet sind) Anspruch auf eine volle Rückerstattung, je nachdem, was später eintritt. Nach dem Erwerb eines Kurszertifikats besteht kein Anrecht mehr auf Rückerstattung, auch dann nicht, wenn Sie den Kurs innerhalb des Zeitraums von zwei Wochen abgeschlossen haben. Lesen Sie unsere vollständige Rückerstattungsrichtlinie.
Ist finanzielle Unterstützung möglich?
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..
