Course Description
Deep dive into frontend, css, astro, and basic javascript.
What You Will Learn
-
HTML
-
CSS
-
ASTRO
-
Javascript
Technical Requirements
Course Syllabus
- Semantic HTML5 and Accessibility (WCAG)
- Modern CSS3: Flexbox, Grid, and Variables
- Git Basics: Branching, Merging, and Pull Requests
- GitHub Workflow: Collaborative Coding
- Bootstrap 5 & Utility-First Design Concepts
- ES6+ Syntax: Arrow Functions, Destructuring, and Modules
- DOM Manipulation and Event Handling
- Asynchronous JavaScript: Promises and Fetch API
- Working with JSON and Third-Party APIs
- Debugging and Chrome Developer Tools
- The Astro Island Architecture: Why it's faster
- Project Structure and Routing in Astro
- Using Astro Components (.astro files)
- Content Collections and Markdown (MDX) Management
- Building a High-Performance Personal Portfolio
- Optimizing Images and Assets in Astro
- Advanced Bootstrap Customization (SASS/SCSS)
- Introduction to Tailwind CSS Integration
- Responsive Design: Mobile-First Approach
- SEO Best Practices for Web Developers
- Building for Production
- Deploying to Vercel and Netlify
- Custom Domain Setup and SSL
- Introduction to Continuous Integration (CI/CD)
- Final Project: A SEO-Optimized Business Website