À propos de ce cours
4.9
4,261 notes
1,589 avis
Spécialisation
100 % en ligne

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Heures pour terminer

Approx. 33 heures pour terminer

Recommandé : 5 weeks of study, 4-6 hours/week...
Langues disponibles

Anglais

Sous-titres : Anglais, Coréen...

Compétences que vous acquerrez

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)
Spécialisation
100 % en ligne

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Heures pour terminer

Approx. 33 heures pour terminer

Recommandé : 5 weeks of study, 4-6 hours/week...
Langues disponibles

Anglais

Sous-titres : Anglais, Coréen...

Programme du cours : ce que vous apprendrez dans ce cours

Semaine
1
Heures pour terminer
5 heures pour terminer

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....
Reading
18 vidéos (Total 120 min), 6 lectures, 12 quiz
Video18 vidéos
Welcome to Module 1: Introduction to HTML51 min
Development Environment Setup, Part 13 min
Development Environment Setup, Part 2: MacOS8 min
Development Environment Setup, Part 2: Windows6 min
Development Environment Setup, Part 3: Github and Browser Sync17 min
Resources for Asking Questions5 min
Lecture 1: What is HTML?7 min
Lecture 2: Relevant History of HTML10 min
Lecture 3: Anatomy of an HTML Tag5 min
Lecture 4: Basic HTML Document Structure6 min
Lecture 5: HTML Content Models6 min
Lecture 6: Heading Elements (and some new HTML5 semantic comments)7 min
Lecture 7: Lists5 min
Lecture 8: HTML Character Entity References7 min
Lecture 9: Creating Links9 min
Lecture 10: Displaying Images6 min
Module 1 Wrap-Up min
Reading6 lectures
How Grading and Being Late on Assignments Works10 min
Recommended Books10 min
CHECK OUT MY SITE!10 min
ALL of the EXAMPLE SOURCE CODE for this Course10 min
Frequently Asked Questions10 min
CONNECT WITH ME!10 min
Quiz12 exercices pour s'entraîner
Optional Practice Quiz8 min
Optional Practice Quiz2 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
Optional Practice Quiz2 min
Optional Practice Quiz12 min
Optional Practice Quiz4 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
Optional Practice Quiz4 min
Optional Practice Quiz2 min
Module 1 Quiz46 min
Semaine
2
Heures pour terminer
7 heures pour terminer

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....
Reading
27 vidéos (Total 188 min), 4 lectures, 15 quiz
Video27 vidéos
Lecture 11: Power of CSS5 min
Lecture 12: Anatomy of a CSS Rule4 min
Lecture 13: Element, Class, and ID Selectors9 min
Lecture 14: Combining Selectors9 min
Lecture 15: Pseudo-Class Selectors9 min
Lecture 16: Style Placement5 min
Lecture 17, Part 1: Conflict Resolution8 min
Lecture 17, Part 2: Conflict Resolution6 min
Lecture 18, Part 1: Styling Text6 min
Lecture 18, Part 2: Styling Text5 min
Lecture 19, Part 1: The Box Model10 min
Lecture 19, Part 2: The Box Model7 min
Lecture 19, Part 3: The Box Model5 min
Lecture 20: The background Property6 min
Lecture 21: Positioning Elements by Floating10 min
Lecture 22, Part 1: Relative and Absolute Element Positioning7 min
Lecture 22, Part 2: Relative and Absolute Element Positioning3 min
Lecture 23, Part 1: Media Queries4 min
Lecture 23, Part 2: Media Queries9 min
Lecture 24, Part 1: Responsive Design7 min
Lecture 24, Part 2: Responsive Design11 min
Lecture 25, Part 1: Introduction to Twitter Bootstrap5 min
Lecture 25, Part 2: Introduction to Twitter Bootstrap7 min
Lecture 26, Part 1: The Bootstrap Grid System9 min
Lecture 26, Part 2: The Bootstrap Grid System9 min
Module 2 Wrap-Up min
Reading4 lectures
Recommended Books10 min
ENTER RAFFLE (ends April 23rd, 2017)10 min
CONNECT WITH ME!10 min
Frequently Asked Questions10 min
Quiz14 exercices pour s'entraîner
Optional Practice Quiz6 min
Optional Practice Quiz4 min
Optional Practice Quiz4 min
Optional Practice Quiz6 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
Optional Practice Quiz4 min
Optional Practice Quiz8 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
Optional Practice Quiz4 min
Optional Practice Quiz4 min
Optional Practice Quiz6 min
Optional Practice Quiz8 min
Semaine
3
Heures pour terminer
6 heures pour terminer

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....
Reading
24 vidéos (Total 201 min), 3 lectures, 6 quiz
Video24 vidéos
Lecture 27, Part 1: Visit with the Client10 min
Lecture 27, Part 2: Visit with the Client (Field Trip)9 min
Lecture 28: Design Overview9 min
Lecture 29: Some Ground Rules and Overview of Setup10 min
Lecture 30, Part 1: Coding Basics of Navbar Header9 min
Lecture 30, Part 2: Coding Basics of Navbar Header7 min
Lecture 31: Coding Button for Future Collapsible Menu6 min
Lecture 32, Part 1: Coding Nav Menu Buttons11 min
Lecture 32, Part 2: Coding Nav Menu Buttons3 min
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7 min
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4 min
Lecture 34: Coding the Jumbotron11 min
Lecture 35, Part 1: Coding Navigation Tiles11 min
Lecture 35, Part 2: Coding Navigation Tiles13 min
Lecture 36, Part 1: Coding the Footer10 min
Lecture 36, Part 2: Coding the Footer3 min
Lecture 37, Part 1: Coding the Menu Categories14 min
Lecture 37, Part 2: Coding the Menu Categories6 min
Lecture 38, Part 1: Coding the Single Menu Category Page11 min
Lecture 38, Part 2: Coding the Single Menu Category Page13 min
Lecture 38, Part 3: Coding the Single Menu Category Page7 min
Lecture 39: Testing the Mobile Version on a Real Phone4 min
Module 3 Wrap-Up min
Reading3 lectures
Recommended Books10 min
ENTER RAFFLE (ends April 23rd, 2017)10 min
Frequently Asked Questions10 min
Quiz5 exercices pour s'entraîner
Optional Practice Quiz4 min
Optional Practice Quiz2 min
Optional Practice Quiz2 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
Semaine
4
Heures pour terminer
6 heures pour terminer

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....
Reading
24 vidéos (Total 151 min), 3 lectures, 10 quiz
Video24 vidéos
Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5 min
Lecture 40, Part 2: Where to Place Javascript Code5 min
Lecture 41, Part 1: Defining Variables, Function, and Scope8 min
Lecture 41, Part 2: Defining Variables, Function, and Scope4 min
Lecture 42, Part 1: Javascript Types5 min
Lecture 42, Part 2: Javascript Types4 min
Lecture 43, Part 1: Common Language Constructs8 min
Lecture 43, Part 2: Common Language Constructs4 min
Lecture 43, Part 3: Common Language Constructs7 min
Lecture 44: Handling Default Values4 min
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7 min
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5 min
Lecture 46: Functions Explained8 min
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6 min
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7 min
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12 min
Lecture 49: Object Literals and the 'this' Keyword6 min
Lecture 50, Part 1: Arrays8 min
Lecture 50, Part 2: Arrays4 min
Lecture 51: Closures6 min
Lecture 52, Part 1: Fake Namespaces6 min
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8 min
Module 4 Wrap-Up min
Reading3 lectures
Recommended Books10 min
ENTER RAFFLE (ends April 23rd, 2017)10 min
Frequently Asked Questions10 min
Quiz9 exercices pour s'entraîner
Optional Practice Quiz6 min
Optional Practice Quiz4 min
Optional Practice Quiz4 min
Optional Practice Quiz2 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
Optional Practice Quiz2 min
Optional Practice Quiz2 min
Optional Practice Quiz4 min
4.9
Orientation de carrière

48%

a commencé une nouvelle carrière après avoir terminé ces cours
Avantage de carrière

83%

a bénéficié d'un avantage concret dans sa carrière grâce à ce cours

Meilleurs avis

par VVJun 11th 2017

Best online course I have ever participated!\n\nReally good idea to use git and github as a platform for making reviews, very modern style!\n\nAppreciate to be part of this!\n\nThank you very much!!!

par SWMar 15th 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.

Enseignant

Avatar

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

À propos de 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....

À propos de la Spécialisation Ruby on Rails Web Development

This Specialization covers the fundamentals of web development with Ruby on Rails. You’ll learn everything you need to develop your own web application using Ruby on Rails, SQL and NoSQL databases, and HTML/CSS, and Javascript. We will also touch on advanced topics such as security, services using HTTP/RESTful access patterns, and user access and user experience from multiple device platforms. In the final Capstone Project, you’ll apply your skills to develop a web application that hosts uploaded photos and displays them using a map....
Ruby on Rails Web Development

Foire Aux Questions

  • Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.

  • Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.