• Length:
    7 Weeks
  • Effort:
    8–9 hours per week
  • Price:

    FREE
    Add a Verified Certificate for $49 USD

  • Institution
  • Subject:
  • Level:
    Introductory
  • Language:
    English
  • Video Transcript:
    English

Prerequisites

none

About this course

Using motivational videos, introductory sections, an interactive code editor, challenges and peer review throughout this course you will develop a working chat app. While doing so you can earn credits and points, receive badges and fulfill achievements in order to be able to see and compare your progress with other students. Starting with simple HTML content and ordinary CSS rules you will gradually improve your app and add increasing interaction within every week using JavaScript and JQuery. After completing this course you’ll be able to tackle almost any idea you might have and build an app that fulfills your needs.

What you'll learn

  • HTML, CSS and JavaScript basics
  • How to structure HTML code, including media elements, referencing external resources and separate CSS styles from HTML code
  • How to make web apps interactive
  • How to use advanced CSS properties to create captivating apps and understand and apply basic programming concepts like loops and arrays
  • Advanced JavaScript concepts and a basic introduction to web-APIs, JSON and AJAX
Topics

·         HTML

o   Notation, concept, structure

o   Best practices, coding conventions

o   Input, media, content elements

o   Classes, IDs, addressing elements

·         CSS

o   Notation, concept, structure

o   Best practices, coding conventions

o   Inline styles

o   Separate style sheets

o   Key-value pairs

o   Colors, backgrounds, fonts, shadows, borders…

o   Box model, different box-styles and their properties

o   Positioning, aligning

o   Pseudo-Elements

·         JavaScript

o   Notation, concept, structure

o   Best practices, coding conventions

o   Manipulate HTML

o   Functions, variables, operators

o   Constructors

o   Data-Structures

o   Conditional expressions, loops

o   This, callbacks, event methods



Week 1
We provide an instruction to the notation and concept of the Hyper-Text-Markup-Language (HTML) and teach you the basics of CSS allowing you to adapt the style and appearance of your HTML code.

Week 2
We educate you on structuring HTML code, including media elements, referencing external resources and teach you how to separate CSS styles from HTML code, continue styling your code and learn more about the box model, since your code has become more mature.

Week 3
We deepen your understanding of HTML and CSS by applying advanced properties, like flexbox and pseudo elements.

Week 4
We will teach you how to make web apps interactive and lay the foundation for the following sections by introducing JavaScript.

Week 5
We will dive deeper into JavaScript and its mechanisms and get to understand and apply basic programming concepts like loops and conditions.

Week 6
We will improve the apps performance by applying advanced JavaScript concepts and give you an idea about which technologies would be a good complement to those learned in this course.

Exercises
Each week includes several problems that you should solve, including quizzes as well as a peer review challenge you should solve and will then grade four of your fellow learners.
Additionally, you will have to write source code in the three languages covered in an interactive code editor that provides you with instant feedback and enables you to earn several badges and achievements.

Meet your instructors

Klaus Bengler
Professor of Ergonomics
Technische Universität München
Lorenz Prasch
Research Associate
Technische Universität München
Antonia Conti-Kufner
Scientific Researcher
Technische Universität München
Markus Zimmermann
Head of Interaction Design
Technische Universität München
Peter Eliseenkov
Teaching Assistant
Technische Universität München
Nicolas Härtwig
Teaching Assistant
Technische Universität München
Gideon Kloss
Teaching Assistant
Technische Universität München
Niklas Lütteken
Web Developer
Technische Universität München
Moritz Rettinger
Teaching Assistant
Technische Universität München
Christina Rosenmöller
Teaching Assistant
Technische Universität München
Dipl. Psych. David Schopf
Teaching Assistant
Technische Universität München
Kristina Strobl
Video Editor
Technische Universität München
Tim Westhoff
Teaching Assistant
Technische Universität München
Sebastian Schmeiser
Teaching Assistant
Technische Universität München
Jonas Bender
Student
Technische Universität München

Pursue a Verified Certificate to highlight the knowledge and skills you gain $49.00

View a PDF of a sample edX certificate
  • Official and Verified

    Receive an instructor-signed certificate with the institution's logo to verify your achievement and increase your job prospects

  • Easily Shareable

    Add the certificate to your CV or resume, or post it directly on LinkedIn

  • Proven Motivator

    Give yourself an additional incentive to complete the course

  • Support our Mission

    EdX, a non-profit, relies on verified certificates to help fund free education for everyone globally

Learner testimonials

"I liked how much passion, humor, and interest in really getting the contents across went into this course. The lectures were of high-quality standard and there was much thought put into the course structure. I especially liked the interactive editor and the progress overview. Lorenz is a fantastic coach."
- Previous learner

"Great Platform and interesting topics. The Motivational Videos were funny AF! I liked the instant application of the theoretical input of the chapters in the challenges. Thanks a lot for this course and this format! Awesome that you offer this format! Thanks a lot!"
- Previous learner

"The MOOC is incredibly clear and easy to understand. Everything is fully explained and the quality is top-notch: the lessons are great, the exercises are great, the videos are great. I had HTML lessons during my study program before, and I wish I had this kind of course, with this content. Definitely 10/10 ! Thanks again for the MOOC guys!"
- Previous learner