Beautiful Soup 4 Tutorial
Master web scraping with Beautiful Soup 4 and Python, from basics to advanced techniques. Learn to search, filter, navigate HTML, and apply skills to real-world scenarios like finding GPU prices.
JavaScript Basics - Intro
Learn to create HTML files, add JavaScript, manage Git branches, and use browser console in this hands-on introduction to web development fundamentals.
Web Scraping and Covid 19
Learn web scraping techniques to gather COVID-19 data, with practical examples and ethical considerations for responsible data collection and analysis.
Live Coding a Wordle Clone - HTML, Sass, JS
Learn to build a Wordle clone from scratch using HTML, Sass, and JavaScript. Follow along as the instructor codes live, covering setup, game logic, animations, and more.
Building an Accessible Dark-Light Toggle from a Figma Design - FEM Social Media Dashboard, Part 3
Learn to create an accessible dark/light toggle for a social media dashboard, focusing on proper HTML markup and styling techniques for improved user experience and accessibility.
How to Build an Accordion With HTML, CSS, and JavaScript
Learn to build an interactive accordion using HTML, CSS, and JavaScript, focusing on styling, functionality, and animations for a polished user experience.
Building an Accordion With HTML, CSS & JS
Learn to build an interactive accordion using HTML, CSS, and JavaScript. Covers setup, reverse-engineering, functionality, styling, and implementation of various components for a polished final product.
Building a Footer Using CSS Grid - Build a Responsive Website from Scratch
Learn to build a responsive footer using CSS Grid, including mobile and desktop styles, grid template areas, and hover states for a polished website design.
Responsive 4-Column Layout with CSS Grid - Build a Responsive Website from Scratch
Learn to create a responsive 4-column layout using CSS Grid for a blog articles section. Explore HTML markup, SCSS styling, and responsive design techniques to build an attractive and functional webpage component.
Responsive 4-Column Layout with Flexbox - Build a Responsive Website from Scratch
Learn to create a responsive 4-column layout using flexbox for a website's Features section. Master HTML, CSS (SCSS), and flexbox techniques to build adaptable, visually appealing web designs.
Responsive Hero - Build a Responsive Website from Scratch
Learn to build a responsive hero section with background images using HTML, CSS (SCSS), and JavaScript. Covers mobile and desktop styles, flexbox, positioning, and practical tips for effective web development.
Animated Hamburger Menu in CSS-JS - Build a Responsive Website from Scratch
Learn to create an animated hamburger menu and responsive overlay using HTML, CSS (SCSS), and vanilla JavaScript. Follow along with troubleshooting and problem-solving techniques for web development.
Build a Responsive Website From Scratch With HTML & CSS - Navigation Bar
Learn to create a responsive website's navigation bar using HTML & CSS, covering setup, styling, and advanced techniques like Sass variables and mixins for breakpoints.
Real-Time Tweets and Socket.io Project - Twitter Streaming API
Learn to build a real-time Twitter stream using the Twitter API and Socket.io. Fetch live tweets, process data, and display them instantly on a webpage.
Build a Responsive Website - HTML, CSS Grid, Flexbox & More
Learn to build a responsive website using modern HTML5 and CSS techniques like Grid, Flexbox, and animations. Gain hands-on experience in creating custom layouts, deploying to Netlify, and adding form functionality.
Multiplayer Snake Game - JavaScript & Socket.io
Build a multiplayer Snake game using JavaScript and Socket.io, covering setup, game logic, server-side state management, and multiplayer functionality.
Build a Modern Landing Page Website - HTML & CSS
Create a modern landing page website using HTML, CSS, and Sass. Learn styling techniques for hero sections, featured content, and product displays.
Build Minesweeper with JavaScript
Learn to build Minesweeper using vanilla JavaScript, focusing on recursion, DOM manipulation, and game logic implementation. Gain hands-on experience in creating interactive web-based games.
Build a Portfolio Website & Deploy
Create a portfolio website using HTML, CSS, and JavaScript, then deploy it to AWS. Learn about grid layouts, responsive design, and theme customization.
SpaceX Website Clone - HTML, CSS & JavaScript
Learn to recreate parts of the SpaceX website using HTML, CSS, and JavaScript. Master responsive design, animations, DOM manipulation, and deployment techniques.
HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc
Sharpen CSS skills and master DOM manipulation with 5 mini-projects: scroll animation, rotating navigation, login input wave, animated 3D boxes, and hoverboard. Enhance web development expertise through hands-on practice.