Computer Science Courses and Certifications

DesignCourse

Creating Elaborate Website Animation Sequences - GSAP 3 Tutorial

Learn to create complex website animation sequences using GSAP 3. This tutorial covers HTML structure, CSS styling, and step-by-step implementation of impressive animations for enhanced user interfaces.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

DesignCourse

Integrating Your RIVE Animations on the Web

Learn to integrate interactive RIVE animations into web projects using JavaScript. Covers exporting, library integration, HTML/CSS setup, and JavaScript implementation for a fully functional animated web element.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

DesignCourse

Adding Interactivity with JavaScript

Learn to enhance web layouts with interactive JavaScript techniques, transforming static designs into engaging, dynamic user experiences.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

DesignCourse

Cool UI Effect with SVG Clip Path, CSS Aspect Ratio & More

Learn to create an advanced UI effect using SVG clip path, CSS aspect-ratio, and more in this hands-on tutorial. Enhance your frontend development skills with practical techniques and expert guidance.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

DesignCourse

Creating an Awesome Slide-Out Navigation

Learn to create an interactive slide-out navigation using GSAP timeline animations. This tutorial covers design, CSS, padding, icons, clip paths, and toggle functionality for a unique UI element.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

DesignCourse

Creating a Full Screen Navigation with GSAP

Learn to create an animated full-screen navigation using HTML, CSS, and GSAP 3. Implement a sleek, modern design with smooth transitions for an enhanced user experience.

• YouTube
• 24 minutes
• Self-Paced
• Free Video

DesignCourse

Creating Design Systems and Style Guides with Catalog

Learn to create design systems and style guides using Catalog, a free React-based tool. Explore installation, setup, and documentation while building a comprehensive guide for large projects.

• YouTube
• 24 minutes
• Self-Paced
• Free Video

DesignCourse

A "Broken Layout" to HTML & CSS - Full Process

Learn to create a responsive "broken layout" design using HTML and CSS, from concept to implementation, with a focus on mobile-first approach and modern web design trends.

• YouTube
• 39 minutes
• Self-Paced
• Free Video

DesignCourse

Animated Icon Design Crash Course - Illustrator & Lottie.js

Learn to create and animate icons using Adobe Illustrator, After Effects, and Lottie.js. Master techniques for designing, animating, and implementing interactive icons for web projects.

• YouTube
• 38 minutes
• Self-Paced
• Free Video

Linode

Build a Scalable Weather App Using Weather API Integration

Learn to build a scalable Global Weather App using HTML, CSS, JavaScript, and Weather API integration. Covers Next.js setup, component creation, and error handling in a step-by-step tutorial.

• YouTube
• 1 hour
• Self-Paced
• Free Video

SuperSimpleDev

JavaScript Full Course - Beginner to Pro - Part 1

Comprehensive beginner-to-pro guide covering JavaScript fundamentals, DOM manipulation, and advanced concepts through interactive projects and exercises.

• YouTube
• 11 hours 57 minutes
• Self-Paced
• Free Video

Yannic Kilcher

Growing Neural Cellular Automata

Explore neural cellular automata that learn to grow complex patterns through local interactions, mimicking biological morphogenesis and self-organization in a fascinating, interactive model.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

International Centre for Theoretical Sciences

Perturbation Methods for Nonlinear PDEs - Lecture 1

Explore perturbation methods for nonlinear PDEs, focusing on adapting linear equation techniques. Learn unified approaches through examples from cold atoms, water waves, and atmospheric science.

• YouTube
• 1 hour 36 minutes
• Self-Paced
• Free Video

Adrian Twarog

Turning a Figma Design into a Real Website Using HTML and CSS

Learn to transform Figma designs into functional websites using HTML and CSS, focusing on practical techniques and real-world application with Tailwind CSS in VS Code.

• YouTube
• 1 hour 6 minutes
• Self-Paced
• Free Video

Adrian Twarog

Bootstrap Portfolio Website Tutorial - Bootstrap 5

Learn to create a professional portfolio website using Bootstrap 5, covering navigation, header, experience, skills, work examples, and about sections in this step-by-step tutorial.

• YouTube
• 25 minutes
• Self-Paced
• Free Video