WebDev Beginner
  • Welcome to TechAcademy
  • Project
    • Project Introduction
    • Minimal Requirements
    • More Ideas
    • Curriculum
  • Video Plan
    • Youtube
  • Web Development Fundamentals
    • How to use this section?
    • 2. HTML
    • 3. CSS
    • 4. JavaScript
    • 5. Interaction HTML, CSS and JavaScript
  • Tools
    • IDE - Visual Studio Code
    • API
  • ADDITIONAL RESOURCES
    • Git & GitHub
    • JSON
    • Font Awesome
Powered by GitBook
On this page
  1. Project

Curriculum

You have the option of learning the content via the Udemy course or via the YouTube videos.

We will have an Introduction Workshop during the semester, as well as 4 Coding Meetups, where you will have the chance to work on the project with your group and where certain individual topics will be explained. Below you can see when the dates are and what we have planned for each day. You'll also see which Udemy Sections or Youtube videos you should have watched to be well on time and well prepared for any Coding Meetup. You don't have to watch the entire Udemy course, so we've taken out the more irrelevant topics for this project. However, it is still helpful to watch the whole course if you have the time.

13.11.2024 - Introduction Workshop

You don't have to watch any videos by now. We will give you a basic introduction to web development and cover the basics of HTML with you. You will also be able to create your first website, so don't forget your laptop!

27.11.2024 - 1. Coding Meetup

By now you should have watched section 6,7,8 and 10 of the Udemy course or the first two Youtube videos. Keep in mind that the Udemy course could be more thorough than the Youtube videos.

Create a sketch of how you want your website to look and what you want to happen when users click and interact with certain elements. You can also create an index.html file and start to build a basic structure. Make sure you build a sensible layout and don't put divs everywhere. If you have already started with the CSS part of the Udemy course or the Youtube videos, you can also create a style.css file and start styling your website and its layout with flexbox or grid for example.

11.12.2024 - 2. Coding Meetup

By now you should have watched section 14-18 of the Udemy course.

Finish your work with CSS and hardcode the site without the API technology. You will logically not have data available yet, so just use divs representing the structure, for example, and display them the way you want the city to be displayed later.

15.01.2025 - 3. Coding Meetup

By now you should have watched section 20, 24 and 25 of the Udemy course.

Start with JavaScript. Use the technology from the DOM and create elements through JavaScript rather than directly in HTML. Give the elements classes or IDs to link them directly to CSS. You don't need the API here yet.

29.01.2025 - 4. Coding Meetup

By now you should have watched section 27 and 28 of the Udemy course.

Finish your project. Add the most important element. The API. If you are already finished and still have time, you can also deal with extra features today.

PreviousMore IdeasNextYoutube

Last updated 6 months ago