Avarix AI Website Program - Course Overview
Welcome to the detailed overview of Avarix's AI Website Program. This course is meticulously crafted to guide middle school students through the fascinating world of web development, culminating in the integration of AI technologies. Let's dive into the journey that awaits!
Course Timeline
Unit 1: Introduction to Programming
Lesson 1.1 - Scratch Game:
Learn programming fundamentals by creating a Scratch game.
Lesson 1.2 - VS Code Install:
Install and explore Microsoft Visual Studio Code.
Unit 2: Web Basics
Lesson 2.1 - Introduction to the Web:
Understand the significance of the web and how browsers interact with websites.
Lesson 2.2 - Anatomy of a Website:
Learn about the main sections of a webpage and different file types.
Unit 3: Deep Dive into Web Technologies
Lesson 3.1 - Diving into HTML:
Understand HTML elements, attributes, and tags.
Lesson 3.2 - Styling with CSS:
Discover the power of CSS selectors, properties, and values.
Lesson 3.3 - JavaScript and Dynamic Content:
Introduction to JavaScript and its role in web development.
Unit 4: Advanced Web Development
Lesson 4.1 - Introduction to React.js:
Embrace the component-based architecture of React.js.
Lesson 4.2 - Tailwind CSS:
Explore the utility-first CSS philosophy of Tailwind CSS.
Unit 5: AI in Web Development
Lesson 5.1 - AI's Role in Modern Web:
Discover the potential and promise of AI in web applications.
Lesson 5.2 - Perfecting Chatbot Interactions:
Master the art of designing chatbot prompts.
End Goals
- •Create a basic Scratch game.
- •Design a comprehensive and professional-looking website layout using Figma.
- •Develop a foundational understanding of web structures.
- •Seamlessly transition Figma designs into interactive websites using React.js.
- •Construct and style an interactive webpage using HTML, CSS, and JavaScript.
- •Develop a dynamic website using React.js and style it with Tailwind CSS.
- •Create a barebones webpage with a functional AI chatbot.
Was this page helpful?