date_range Débute le 9 mars 2020
event_note Se termine le 19 avril 2020
list 7 séquences
assignment Niveau : Introductif
chat_bubble_outline Langue : Anglais
card_giftcard 448 points
Logo My Mooc Business

Ils choisissent Edflex pour développer les compétences en entreprise.

En savoir plus
Avis de la communauté
-
starstarstarstarstar

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 56 heures de cours

En résumé

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.

  • 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

more_horiz Lire plus
more_horiz Lire moins
dns

Le programme

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 H yper- T ext- M arkup- L anguage (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 aboutwhich 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.

record_voice_over

Les intervenants

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

store

Le concepteur

Technische Universität München
Technische Universität München
assistant

La plateforme

Edx

EdX est une plateforme d'apprentissage en ligne (dite FLOT ou MOOC). Elle héberge et met gratuitement à disposition des cours en ligne de niveau universitaire à travers le monde entier. Elle mène également des recherches sur l'apprentissage en ligne et la façon dont les utilisateurs utilisent celle-ci. Elle est à but non lucratif et la plateforme utilise un logiciel open source.

EdX a été fondée par le Massachusetts Institute of Technology et par l'université Harvard en mai 2012. En 2014, environ 50 écoles, associations et organisations internationales offrent ou projettent d'offrir des cours sur EdX. En juillet 2014, elle avait plus de 2,5 millions d'utilisateurs suivant plus de 200 cours en ligne.

Les deux universités américaines qui financent la plateforme ont investi 60 millions USD dans son développement. La plateforme France Université Numérique utilise la technologie openedX, supportée par Google.

Vous êtes le concepteur de ce MOOC ?
Quelle note donnez-vous à cette ressource ?
Contenu
0/5
Plateforme
0/5
Animation
0/5