Make Your Own App from edX

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

What's inside

Learning objectives

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

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

Syllabus

Topics

HTML

o Notation, concept, structure

o Best practices, coding conventions

o Input, media, content elements

o Classes, IDs, addressing elements

CSS

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 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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops HTML, CSS, and JavaScript, which are core skills for web development

Taught by seasoned professionals who are recognized for their work in web development

Provides a comprehensive study of web development fundamentals

Covers unique perspectives on web development, such as using advanced CSS properties and JavaScript concepts

Offers a mix of media, including videos, readings, and discussions

Requires learners to come in with some basic understanding of HTML and CSS

Reviews summary

5-star app builder course

According to students, this is an awesome course where learners can make their own app.

Course is simply awesome!

"Awesome course, seriously!"

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Make Your Own App with these activities:

Review HTML and CSS Fundamentals

Show steps

Refresh your memory on HTML and CSS before delving into the course to ensure a solid foundation.

Show steps

Review online resources or textbooks on HTML and CSS syntax.
Practice writing basic HTML and CSS code.
Build a simple web page to test your understanding.

Eloquent JavaScript

Show steps

Expand your understanding of JavaScript concepts and best practices through a comprehensive book review.

View Eloquent JavaScript, 4th Edition on Amazon

Show steps

Read the book thoroughly.
Take notes and highlight key concepts.
Complete the exercises and challenges provided in the book.
Summarize and reflect on the main takeaways.

Coding Challenges

Show steps

Practice writing code in HTML, CSS, and JavaScript to improve your understanding and coding skills.

Browse courses on HTML

Show steps

Solve coding challenges on platforms like LeetCode or HackerRank.
Implement the challenges using HTML, CSS, and JavaScript.
Review your solutions and identify areas for improvement.

Six other activities

Expand to see all activities and additional details

Show all nine activities

Interactive Code Editor

Show steps

Utilize the provided interactive code editor to visualize and understand code execution.

Show steps

Access the interactive code editor within the course platform.
Experiment with code snippets and observe the real-time results.
Modify the code to test different scenarios and improve your understanding.

Web Development Workshop

Show steps

Attend a workshop to gain practical experience and insights from industry professionals.

Show steps

Identify and register for a relevant web development workshop.
Attend the workshop and actively participate in hands-on activities.
Network with other attendees and speakers.
Apply the knowledge and techniques learned to your projects.

Code Review and Collaboration

Show steps

Engage with peers to review and provide feedback on code, fostering collaborative learning and improving your understanding.

Show steps

Join a study group or online forum.
Share your code with others and ask for their feedback.
Review and provide constructive feedback on others' code.
Incorporate feedback to improve your code and understanding.

Hackathon Participation

Show steps

Challenge yourself and test your skills in a hackathon environment, fostering innovation and teamwork.

Show steps

Identify and register for a relevant hackathon.
Form a team or work individually on a project.
Develop a solution within the given timeframe.
Present your solution to a panel of judges.

Contribute to Open Source Projects

Show steps

Contribute to open source projects to enhance your skills, connect with the community, and make a tangible impact.

Show steps

Identify open source projects aligned with your interests and skill level.
Join the project community and introduce yourself.
Contribute to the project by fixing bugs, adding features, or improving documentation.
Review and provide feedback on others' contributions.

Personal Web App Project

Show steps

Create a personal web app to apply your skills and deepen your knowledge in HTML, CSS, and JavaScript.

Show steps

Identify a problem or need that you want to address with your app.
Design the user interface and functionality of your app.
Develop the app using HTML, CSS, and JavaScript.
Test and refine your app for usability and performance.

Career center

Learners who complete Make Your Own App will develop knowledge and skills that may be useful to these careers:

Web Designer

Web Designers are responsible for the visual appearance and layout of websites. This course can help you develop the skills you need to create visually appealing and user-friendly websites. You will learn how to use HTML and CSS to structure and style your designs, and you will also learn how to make web apps interactive using JavaScript. This course can provide you with the foundation you need to succeed as a Web Designer.

See salaries and explore the career path for Web Designer

Front-End Developer

As a Front-End Developer, you will be responsible for the design and implementation of the user interface of a website or application. This course can help you build a strong foundation in HTML, CSS, and JavaScript, which are essential technologies for Front-End Developers. You will also learn how to make web apps interactive, which is a key skill for creating engaging user experiences. Overall, this course can provide you with the knowledge and skills you need to succeed as a Front-End Developer.

See salaries and explore the career path for Front-End Developer

Full-Stack Developer

Full-Stack Developers are responsible for both the front-end and back-end development of websites and applications. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for Front-End Developers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Full-Stack Developer.

See salaries and explore the career path for Full-Stack Developer

Software Engineer

Software Engineers are responsible for designing, developing, and maintaining software applications. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Software Engineers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Software Engineer.

See salaries and explore the career path for Software Engineer

Consultant

Consultants are responsible for providing advice and guidance to businesses on a variety of topics. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Consultants. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Consultant.

See salaries and explore the career path for Consultant

Technical Writer

Technical Writers are responsible for writing documentation for software and other technical products. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Technical Writers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Technical Writer.

See salaries and explore the career path for Technical Writer

UX Designer

UX Designers are responsible for the user experience of websites and applications. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many UX Designers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a UX Designer.

See salaries and explore the career path for UX Designer

Interaction Designer

Interaction Designers are responsible for designing the interactions between users and websites and applications. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Interaction Designers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as an Interaction Designer.

See salaries and explore the career path for Interaction Designer

Information Architect

Information Architects are responsible for organizing and structuring information on websites and applications. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Information Architects. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as an Information Architect.

See salaries and explore the career path for Information Architect

Quality Assurance Analyst

Quality Assurance Analysts are responsible for testing software and other technical products to ensure that they meet quality standards. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Quality Assurance Analysts. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Quality Assurance Analyst.

See salaries and explore the career path for Quality Assurance Analyst

Project Manager

Project Managers are responsible for planning, organizing, and executing projects. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Project Managers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Project Manager.

See salaries and explore the career path for Project Manager

UI Designer

UI Designers are responsible for the visual appearance and layout of websites and applications. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many UI Designers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a UI Designer.

See salaries and explore the career path for UI Designer

Data Scientist

Data Scientists are responsible for collecting, analyzing, and interpreting data to help businesses make informed decisions. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Data Scientists. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Data Scientist.

See salaries and explore the career path for Data Scientist

Business Analyst

Business Analysts are responsible for analyzing business needs and developing solutions to meet those needs. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Business Analysts. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Business Analyst.

See salaries and explore the career path for Business Analyst

Product Manager

Product Managers are responsible for planning, developing, and launching new products. This course can help you build a foundation in HTML, CSS, and JavaScript, which are essential technologies for many Product Managers. You will also learn how to make web apps interactive using JavaScript, and you will be introduced to advanced JavaScript concepts and web APIs. This course can provide you with a strong foundation for a career as a Product Manager.

See salaries and explore the career path for Product Manager