- Видео 6
- Просмотров 1 518
AlgoBender Academy
Добавлен 28 дек 2023
Project Driven UI/UX and Software Development Community ||
Milestones:
- Created (Dec 28, 2023)
- 1st Upload (Oct 28, 2024)
- 10 Subscribers (Nov 03, 2024)
- 10 Hours of Watch Time (Nov 05, 2024)
- 50 Hours of Watch Time (Nov 11, 2024)
- 500 Views (Nov 16, 2024)
- 100 Hours of Watch Time (Nov 18, 2024)
- 1,000 Views (Nov 22, 2024)
- 50 Subscribers (Nov 24, 2024)
Milestones:
- Created (Dec 28, 2023)
- 1st Upload (Oct 28, 2024)
- 10 Subscribers (Nov 03, 2024)
- 10 Hours of Watch Time (Nov 05, 2024)
- 50 Hours of Watch Time (Nov 11, 2024)
- 500 Views (Nov 16, 2024)
- 100 Hours of Watch Time (Nov 18, 2024)
- 1,000 Views (Nov 22, 2024)
- 50 Subscribers (Nov 24, 2024)
Figma to HTML & CSS: Create an Order Summary Component | Frontend Essentials Clinic 6
🔥 Welcome to Frontend Essentials: Clinic 6!
Dive into the core concepts of HTML and CSS by crafting an Order Summary Component inspired by the sleek checkout designs of Spotify and Apple Music! This hands-on session will sharpen your skills in responsive design, unit management, and creating visually consistent, reusable components.
🌐 Brought to you by AlgoBender Academy, Clinic 6 provides an immersive learning journey within a dynamic and supportive community. Developers at all levels come together through real-world projects, peer mentorship, and leadership-building exercises to learn, grow, and excel.
🚀 Join us now: chat.whatsapp.com/CGGyDXmSk4T9bnwTfl9d2h
Collaborate with fellow benders, ...
Dive into the core concepts of HTML and CSS by crafting an Order Summary Component inspired by the sleek checkout designs of Spotify and Apple Music! This hands-on session will sharpen your skills in responsive design, unit management, and creating visually consistent, reusable components.
🌐 Brought to you by AlgoBender Academy, Clinic 6 provides an immersive learning journey within a dynamic and supportive community. Developers at all levels come together through real-world projects, peer mentorship, and leadership-building exercises to learn, grow, and excel.
🚀 Join us now: chat.whatsapp.com/CGGyDXmSk4T9bnwTfl9d2h
Collaborate with fellow benders, ...
Просмотров: 35
Видео
Figma to HTML & CSS: Create a Blog Preview Card | Frontend Essentials Clinic 5
Просмотров 12219 часов назад
🔥 Welcome to Frontend Essentials: Clinic 5! Explore the fundamentals of HTML and CSS by creating a Blog Preview Card inspired by the sleek aesthetics of Medium.com! This hands-on clinic will help you enhance your skills in responsive design and unit management while mastering the art of building visually consistent and reusable components. 🌐 Part of AlgoBender Academy, Clinic 5 offers an immers...
Figma to HTML & CSS: Create a Results Summary Card | Frontend Essentials Clinic 3
Просмотров 172День назад
🔥Welcome to Frontend Essentials: Clinic 3! Dive into the world of HTML and CSS as we build a Results Summary Card inspired by the style of 16 Personalities! In this hands-on clinic, you’ll level up your skills in responsive layouts and unit management while mastering the art of crafting visually consistent, reusable components. 🌐 Part of AlgoBender Academy, Clinic 3 is all about immersive learn...
Figma to HTML & CSS: Create a NFT Preview Card | Frontend Essentials Clinic 4
Просмотров 14314 дней назад
Welcome to Frontend Essentials: Clinic 4! In this clinic, we’ll explore HTML and CSS more deeply by creating an NFT Preview Card similar to those found on OpenSea. This project is designed to enhance your skills in responsive layouts and unit management, guiding you through core concepts and helping you confidently build visually consistent, reusable components. As part of AlgoBender Academy, C...
Figma to HTML & CSS: Create a Linktree Clone Profile Card | Frontend Essentials Clinic 2
Просмотров 44221 день назад
Welcome to Frontend Essentials: Clinic 2! In this clinic, we're diving deeper into HTML and CSS by creating a Profile Component Card-similar to Linktree-designed to sharpen your skills with responsive layouts and unit management. This project will guide you through foundational concepts and reinforce your confidence in building visually consistent, reusable components. As part of AlgoBender Aca...
Figma to HTML & CSS: Create a Simple Omelette Recipe Page | Frontend Essentials Clinic 1
Просмотров 65628 дней назад
Welcome to Frontend Essentials Clinic 1! In this clinic, we dive into the basics of HTML and CSS to create a simple, visually appealing Omelette Recipe Landing Page. This hands-on project is designed to boost your frontend skills and confidence with foundational coding techniques. This clinic is part of AlgoBender Academy-a thriving, chapter-based community dedicated to empowering developers at...
Thanks for watching tutorial! Just a heads-up for anyone following along at 1:50:38 -there was a small typo with the font sizes for --CAPTION and --CAPTION-BOLD. For desktop, they should be set to 1rem, and for mobile, they should be 0.94rem. Hope this helps anyone who ran into the same issue!
just subscribed. let me watch when i get home.
Great! If you know any other junior or experienced developers who might be interested, feel free to invite them. We meet twice a week, on Tuesdays (www.linkedin.com/events/7258466372391698432/about/?originTrackingId=GKfvY9wQTy%2Bp4qviINkUkA%3D%3D) and Thursdays (www.linkedin.com/events/7258486220287037440/about/?originTrackingId=cFXITWHBSOiKlm4OiwRvbQ%3D%3D).
Get ready for our next Frontend Essentials Clinic on 𝗧𝗵𝘂𝗿𝘀𝗱𝗮𝘆, 𝗢𝗰𝘁𝗼𝗯𝗲𝗿 𝟯𝟭𝘀𝘁, where we’ll be building a 𝗦𝗼𝗰𝗶𝗮𝗹 𝗟𝗶𝗻𝗸 𝗣𝗿𝗼𝗳𝗶𝗹𝗲 𝗖𝗮𝗿𝗱 with HTML and CSS. Can’t wait to see you all there! ~ www.linkedin.com/events/algobenderacademy-weekly-fronte7255590266537955328/