To support our site, Class Central may be compensated by some course providers.

Taken this course? Share your experience with other students. Write review

Overview

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.

Syllabus

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   JQuery

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 and lay the foundation for the following sections by introducing JavaScript.

Week 4
We will teach you how to make web apps interactive. We will dive deeper into JavaScript and its mechanisms and introduce advanced debugging tools as well as JQuery.

Week 5
This week you will learn how to use advanced CSS properties to let the application appear captivating and get to understand and apply basic programming concepts like loops and arrays.

Week 6
We will improve the apps performance by applying advanced JavaScript concepts and give you a basic introduction to web-APIs, JSON and AJAX.

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.

Taught by

Prof. Dr. Phil. Klaus Bengler , Lorenz Prasch , Dr. Antonia Conti-Kufner , Markus Zimmermann , Peter Eliseenkov , Nicolas Härtwig , Gideon Kloss , Niklas Lütteken , Moritz Rettinger , Christina Rosenmöller , David Schopf , Kristina Strobl and Tim Westhoff

Tags

Help Center

Most commonly asked questions about EdX EdX

Review for edX's Make Your Own App
5.0 Based on 1 reviews

  • 5 star 100%
  • 4 star 0%
  • 3 star 0%
  • 2 star 0%
  • 1 star 0%

Did you take this course? Share your experience with other students.

Write a review
  • 1
Anonymous
5.0 8 months ago
Anonymous completed this course.
Awesome course, seriously!

While it really takes quite an effort to manage the different tasks and deadlines I learned an amazing amount about web-technologies and how to use them. I especially liked that they didn't seem to take themselves to serious, so the fun really has its place here.

I wish I had more courses like this.
Was this review helpful to you? Yes
  • 1

Class Central

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free

Never stop learning Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.