制作自己的应用

Make Your Own App

Over 6 modules you will interactively learn the basics of web programming (HTML, CSS, JavaScript, jQuery, …) and how to utilize these techniques to build your own software applications for mobile or desktop devices (exemplified with a chat app).

1358 次查看
慕尼黑工业大学
edX
  • 完成时间大约为 7
  • 初级
  • 英语
注:因开课平台的各种因素变化,以上开课日期仅供参考

你将学到什么

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

课程概况

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.

课程大纲

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.

预备知识

none

千万首歌曲。全无广告干扰。
此外,您还能在所有设备上欣赏您的整个音乐资料库。免费畅听 3 个月,之后每月只需 ¥10.00。
Apple 广告
声明:MOOC中国十分重视知识产权问题,我们发布之课程均源自下列机构,版权均归其所有,本站仅作报道收录并尊重其著作权益。感谢他们对MOOC事业做出的贡献!
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • JANUX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • (部分课程由Coursera、Udemy、Linkshare共同提供)

© 2008-2022 CMOOC.COM 慕课改变你,你改变世界