6 weeks - 4 hours per week (24 hours total)
Throughout this six-week course, students learn the basics of front-end web development. Students will learn the basic practices, fundamentals, and ideas behind creating dynamic websites with HTML, CSS, and JavaScript. With a focus on applied knowledge, students will get hands-on training using HTML to create semantic pages structures, CSS to implement modern designs, and JavaScript to make the pages dynamic and interactive. This course can also be utilized as a preview to the immersive 12-week program, giving students new to development exposure to what the full-time course would feel like and a great introduction to being a developer.
During the course, students will build a multiple page application, implementing the topics and ideas that are learned during class.
By the end of the course, students should be able to:
- Explain the basic developer workflow
- Implement semantic HTML to structure a webpage's content
- Implement CSS to style and layout a webpage's presentation
- Implement JavaScript to manipulate and HTML webpage's behavior
- Solve simple problems with JavaScript
- Utilize, using JavaScript, APIs to build data driven websites
- Create a website and deploy it to the internet
Each lesson will be taught in a two hour block. There will be one ongoing homework assignment that is assigned at the end of day 2. This will be one big website that the student will grow over the course.
Monday and Wednesday: 6:30pm - 8:30p
Course schedule might change at instructors discretion.
| Week # | First Lecture | Second Lecture | Projects |
|---|---|---|---|
| 1 | Dev Env, | Semantic HTML | Create the HTML for your project |
| 2 | Intro to CSS | Responsive CSS | Add CSS and Responsive CSS to your project |
| 3 | Practice(HTML, CSS) | Intro to JS & DOM | Finish of the CSS, read about javascript |
| 4 | Control Flow I | Data Structures | Add JavaScript to your project |
| 5 | Functional JS | PEDAC practice | Add JavaScript to your project |
| 6 | Using APIs | Practice(HTML, CSS, JS) | Completed your project |
Over the course, you will be creating a clone of https://sdg-tourism.netlify.com. Use the topic of the day to build out different sections.