- 5
- 1 079
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)
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)
Create a Stunning Blog Preview Card with HTML & CSS | Frontend Essentials Clinic 5
🔥 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 immersive learning experience within a passionate community. Through real-world projects, peer mentorship, and leadership exercises, developers of all levels come together to sharpen their skills in a supportive and vibrant environment.
🚀 Join us now (chat.whatsapp.com/CGGyDXmSk4T9bnwTfl9d2h) to connect with fellow benders, grow through practical learning, and contribute to a thriving community that learns, builds, and excels together.
Ri Shumela Bender ~ "We Strive for the Benders"
𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 🗃
Download Project Files ~ tinyurl.com/mr4deuty
Repository ~ github.com/Algobender-Academy/Blog_Preview_Card-TH-cam
Live Site ~ algobender-academy.github.io/Blog_Preview_Card-TH-cam/
𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 🎲
Download Figma ~ www.figma.com/downloads/
Download VS Code ~ code.visualstudio.com/download
𝗩𝗦-𝗖𝗼𝗱𝗲 𝗘𝘅𝘁𝗲𝗻𝘀𝗶𝗼𝗻𝘀 🔗
- ritwickdey.LiveServer
- esbenp.prettier-vscode
- vscode-icons-team.vscode-icons
- kisstkondoros.vscode-gutter-preview
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 immersive learning experience within a passionate community. Through real-world projects, peer mentorship, and leadership exercises, developers of all levels come together to sharpen their skills in a supportive and vibrant environment.
🚀 Join us now (chat.whatsapp.com/CGGyDXmSk4T9bnwTfl9d2h) to connect with fellow benders, grow through practical learning, and contribute to a thriving community that learns, builds, and excels together.
Ri Shumela Bender ~ "We Strive for the Benders"
𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 🗃
Download Project Files ~ tinyurl.com/mr4deuty
Repository ~ github.com/Algobender-Academy/Blog_Preview_Card-TH-cam
Live Site ~ algobender-academy.github.io/Blog_Preview_Card-TH-cam/
𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 🎲
Download Figma ~ www.figma.com/downloads/
Download VS Code ~ code.visualstudio.com/download
𝗩𝗦-𝗖𝗼𝗱𝗲 𝗘𝘅𝘁𝗲𝗻𝘀𝗶𝗼𝗻𝘀 🔗
- ritwickdey.LiveServer
- esbenp.prettier-vscode
- vscode-icons-team.vscode-icons
- kisstkondoros.vscode-gutter-preview
มุมมอง: 77
วีดีโอ
Create a Results Summary Card with HTML & CSS | Frontend Essentials Clinic 3
มุมมอง 11721 ชั่วโมงที่ผ่านมา
🔥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...
Create an NFT Preview Card Like a Pro with HTML & CSS | Frontend Essentials Clinic 4
มุมมอง 105วันที่ผ่านมา
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...
Create a Linktree Clone Profile Card with HTML & CSS! | Frontend Essentials Clinic 2
มุมมอง 35114 วันที่ผ่านมา
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...
Create Your First HTML & CSS Project - Simple Omelette Recipe Page | Frontend Essentials Clinic 1
มุมมอง 52221 วันที่ผ่านมา
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/