We may earn an affiliate commission when you visit our partners.
Course image
Lorenz Prasch, Markus Zimmermann, Peter Eliseenkov, Nicolas Härtwig, Gideon Kloss, Niklas Lütteken, Moritz Rettinger, Christina Rosenmöller, Kristina Strobl, Tim Westhoff, Antonia Conti-Kufner, Dipl. Psych. David Schopf, Klaus Bengler, Sebastian Schmeiser, and Jonas Bender

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.

Read more

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

Syllabus

Topics
HTML
o Notation, concept, structure
o Best practices, coding conventions
Read more

Traffic lights

Read about what's good
what should give you pause
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

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Make your own app: beginner web basics

According to learners, "Make Your Own App" provides a solid foundation in HTML, CSS, and JavaScript basics, making it a great starting point for beginners. Students particularly praise the interactive code editor and hands-on practice, finding the process of building the chat app rewarding and beneficial for gaining confidence. The course effectively breaks down concepts initially. However, some learners report the course feels rushed later on, especially for advanced topics. The interactive editor can occasionally be glitchy, and the peer review system is frequently cited as unreliable. One older review also mentioned outdated content.
Practice coding within the platform.
"The interactive code editor is a game changer, allowing you to practice immediately."
"Loved the hands-on approach! The interactive exercises and building the app made learning fun and practical."
"The interactive coding environment and challenges are good for practice."
Strong foundation for new learners.
"Absolutely fantastic course for beginners! It breaks down HTML, CSS, and JavaScript into easily digestible chunks."
"Perfect starting point! Covered the fundamentals effectively."
"Solid foundation in HTML, CSS, and JS... Good for a first step into front-end."
Content freshness questioned by one.
"Outdated content and explanations are not clear for some topics."
Occasional technical issues.
"The interactive editor is nice, but sometimes glitchy."
"The interactive editor constantly had issues loading my code."
"The interactive editor is helpful but sometimes buggy."
Course brevity on later concepts.
"The course covers the basics well, but it feels a bit rushed towards the end, especially with the advanced JS concepts."
"Some parts of the syllabus (like web-APIs, JSON, AJAX) were barely touched upon."
"It barely scratches the surface of JavaScript."
Quality of feedback varies greatly.
"The peer review system is unreliable - I received unhelpful feedback."
"The peer review was okay, sometimes reviews weren't very detailed."
"The peer review is a bit of a weak point."

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
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
Expand your understanding of JavaScript concepts and best practices through a comprehensive book review.
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
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
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
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
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
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
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
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:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

Reading list

We've selected 14 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Make Your Own App.
Provides a deep dive into the good parts of JavaScript, teaching you how to write clean, maintainable, and efficient code.
Save
Great resource for intermediate CSS users who want to learn more about advanced CSS techniques.
Great resource for anyone who wants to learn more about software development.
Great resource for anyone who wants to learn more about computer science.
Great resource for anyone who wants to learn more about algorithms.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser