- 119
- 63 995
Abbyshek Sharma
India
เข้าร่วมเมื่อ 25 ม.ค. 2024
🚀 Welcome to Abbyshek Sharma - Code Mastery Unleashed! 🖥️
👋 Hey coders! I'm Abbyshek Sharma, a seasoned software engineer with a decade of web development experience. Join me on my channel for mastering HTML, CSS, SCSS, JavaScript, React, and TypeScript!
🔧 Topics:
HTML & CSS: Perfect layouts and responsive design.
JavaScript: Basics to advanced concepts.
React & TypeScript: Scalable web apps made easy.
🌟 Why Subscribe?
Stay Updated: Insights on trends, frameworks, and tools.
Skill Sharpening: Coding exercises and real-world projects.
Community Connection: Engage with devs, share insights, and collaborate.
Live Coding Sessions: Participate in live challenges.
👋 Hey coders! I'm Abbyshek Sharma, a seasoned software engineer with a decade of web development experience. Join me on my channel for mastering HTML, CSS, SCSS, JavaScript, React, and TypeScript!
🔧 Topics:
HTML & CSS: Perfect layouts and responsive design.
JavaScript: Basics to advanced concepts.
React & TypeScript: Scalable web apps made easy.
🌟 Why Subscribe?
Stay Updated: Insights on trends, frameworks, and tools.
Skill Sharpening: Coding exercises and real-world projects.
Community Connection: Engage with devs, share insights, and collaborate.
Live Coding Sessions: Participate in live challenges.
Chapter 15 | CSS Align Self: Control Item Alignment with Ease! 🚀 | CSS Flexbox Tutorial
Welcome back to Say Hello to Flexbox! 🎉 Today, we’re diving into the align-self property in CSS, which allows you to adjust the alignment of individual flex items within a flex container!
What You’ll Learn:
✅ What is the align-self property?
✅ How align-self works in Flexbox
✅ Adjusting alignment for individual items (override align-items)
✅ The different alignment options (flex-start, flex-end, center, baseline, stretch)
✅ Real-world examples and best practices for controlling alignment
The align-self property is a game-changer for controlling the alignment of individual items, letting you fine-tune your layout with precision. Perfect for creating dynamic, responsive designs!
💡 Pro Tip: Use align-self to adjust the alignment of specific flex items without affecting the entire container!
🚀 Enjoyed the video? Don’t forget to LIKE, SHARE & SUBSCRIBE for more CSS & Flexbox tutorials!
What You’ll Learn:
✅ What is the align-self property?
✅ How align-self works in Flexbox
✅ Adjusting alignment for individual items (override align-items)
✅ The different alignment options (flex-start, flex-end, center, baseline, stretch)
✅ Real-world examples and best practices for controlling alignment
The align-self property is a game-changer for controlling the alignment of individual items, letting you fine-tune your layout with precision. Perfect for creating dynamic, responsive designs!
💡 Pro Tip: Use align-self to adjust the alignment of specific flex items without affecting the entire container!
🚀 Enjoyed the video? Don’t forget to LIKE, SHARE & SUBSCRIBE for more CSS & Flexbox tutorials!
มุมมอง: 5
วีดีโอ
Chapter 14 | CSS Flex Flow: Flexible Layouts Made Simple! 🚀 | CSS Flexbox Tutorial
มุมมอง 155 ชั่วโมงที่ผ่านมา
Welcome back to Say Hello to Flexbox! 🎉 In this video, we’re diving deep into the flex-flow shorthand property in CSS, which combines flex-direction and flex-wrap for more efficient, flexible layouts! What You’ll Learn: ✅ What is the flex-flow property? ✅ How flex-flow combines flex-direction and flex-wrap ✅ The difference between row and column wrapping ✅ Simplifying your Flexbox layout with f...
Chapter 24 | Mastering CSS Combinators - Descendant, Child, Adjacent & Sibling | CSS Tutorial
มุมมอง 387 ชั่วโมงที่ผ่านมา
Unlock the power of CSS combinators to select elements efficiently! In this video, we explore different combinators like descendant, child, adjacent, and general sibling. Learn how they work, when to use them, and see real-world examples to improve your CSS skills. 💡 Topics Covered: ✔️ What are CSS Combinators? ✔️ Descendant vs Child Selector ✔️ Adjacent vs General Sibling Selector ✔️ Practical...
Chapter 13 | Mastering the CSS Gap Property: Spacing Made Easy! 🚀 | CSS Flexbox Tutorial
มุมมอง 4123 ชั่วโมงที่ผ่านมา
Welcome back to Say Hello to Flexbox! 🎉 Today, we’re diving into the gap property in Flexbox, an essential tool for controlling spacing between flex items without using margins! What You’ll Learn: ✅ What is the gap property? ✅ Difference between row-gap, column-gap, and gap ✅ How gap works in both Flexbox & Grid ✅ Why gap is better than using margin for spacing ✅ Real-world examples & best prac...
Chapter 12 | Flexbox Order Property: Custom Item Arrangement! 🚀 | CSS Flexbox Tutorial
มุมมอง 542 ชั่วโมงที่ผ่านมา
Welcome back to Say Hello to Flexbox! 🎉 Today, we’re exploring the order property in Flexbox, which allows you to control the sequence of flex items without changing the HTML structure! What You’ll Learn: ✅ What is the order property in Flexbox? ✅ How it affects the natural flow of flex items ✅ Default vs. custom order values ✅ Reordering items dynamically ✅ Real-world examples for better UI/UX...
Chapter 11 | Flexbox Flex-Direction Explained: Row, Column & More! 🚀 | CSS Flexbox Tutorial
มุมมอง 242 ชั่วโมงที่ผ่านมา
Welcome to another episode of Say Hello to Flexbox! 🎉 Today, we’re diving into flex-direction, one of the most important properties in Flexbox. This property controls the main axis direction of flex items, allowing you to arrange them in a row, column, or even in reverse order! What You’ll Learn: ✅ What is flex-direction? ✅ How it changes the layout flow in Flexbox ✅ Different values: row, row-...
Chapter 23 | Mastering Z-Index - Control Element Stacking Like a Pro | CSS Tutorial
มุมมอง 402 ชั่วโมงที่ผ่านมา
In this video, we dive into CSS Z-Index, a crucial property for managing the stacking order of elements on a webpage. Learn how to control overlapping elements, fix layering issues, and create visually stunning designs. 💡 Topics Covered: ✔️ What is Z-Index? ✔️ How Stacking Context Works ✔️ Positioning & Z-Index Relationship ✔️ Fixing Overlapping Issues ✔️ Practical Examples & Use Cases 📌 By the...
Chapter 10 | Align-Items in Flexbox: Vertical Alignment Made Easy! 🚀 | CSS Flexbox Tutorial
มุมมอง 572 ชั่วโมงที่ผ่านมา
Welcome to another exciting episode of Say Hello to Flexbox! 🎉 Today, we’re breaking down align-items, a core Flexbox property that helps control the vertical alignment of flex items inside a container. If you've ever struggled with aligning elements properly, this video is for you! What You’ll Learn: ✅ What is align-items? ✅ How it works with the flex container ✅ Different values: flex-start, ...
Chapter 9 | Align-Content in Flexbox: Perfect Multi-Line Alignment! 🎯 | CSS Flexbox Tutorial
มุมมอง 654 ชั่วโมงที่ผ่านมา
Welcome back to the Say Hello to Flexbox series! 🚀 In this video, we dive deep into align-content, an important Flexbox property used for aligning multiple rows of flex items within a container. If you’ve ever struggled with spacing items in multi-line flex layouts, this property is the perfect solution! What You’ll Learn: ✅ What is align-content? ✅ Difference between align-content and align-it...
Chapter 8 | Justify-Content in Flexbox: Align Like a Pro! 🚀 | CSS Flexbox Tutorial
มุมมอง 214 ชั่วโมงที่ผ่านมา
Welcome to another lesson in the Say Hello to Flexbox series! Today, we’re focusing on justify-content, one of the most important properties in Flexbox. It controls the alignment of items along the main axis, making it super useful for creating flexible and responsive layouts. What You’ll Learn: ✅ What is justify-content? ✅ How it works along the main axis ✅ Different values: flex-start, flex-e...
Chapter 22 | Opacity & Filter Effects - Build a Stylish Team Section | CSS Tutorial
มุมมอง 734 ชั่วโมงที่ผ่านมา
In this video, we explore CSS opacity & filter effects to create a visually appealing Team Section. Learn how to control transparency, apply blur, grayscale, brightness, and other effects to images and text. Perfect for enhancing UI design and making elements stand out! 💡 Topics Covered: ✔️ CSS Opacity Property ✔️ Filter Effects (Blur, Grayscale, Brightness & More) ✔️ Hover Effects with Filters...
Chapter 7 | Mastering Flex: The Power of Shorthand (Grow, Shrink & Basis) 🚀
มุมมอง 524 ชั่วโมงที่ผ่านมา
Welcome to another lesson in the Say Hello to Flexbox series! In this video, we’re diving deep into the Flex shorthand property, which combines flex-grow, flex-shrink, and flex-basis into a single declaration. Mastering this will help you write cleaner, more efficient CSS for flexible layouts. What You’ll Learn: ✅ Understanding the shorthand: flex: [grow] [shrink] [basis] ✅ How flex-grow, flex-...
Chapter 6 | Flex-Basis in CSS Flexbox | Say Hello to Flexbox 🚀 | Flexbox CSS Tutorial
มุมมอง 337 ชั่วโมงที่ผ่านมา
Welcome back to the Say Hello to Flexbox series! In this video, we’ll explore the flex-basis property in CSS Flexbox and understand how it controls the initial size of flex items before they grow or shrink. What You’ll Learn: ✅ What is Flex-Basis and how does it work? ✅ How Flex-Basis differs from Width & Max-Width ✅ Understanding how Flex-Basis works with Flex-Grow & Flex-Shrink ✅ Practical ex...
Chapter 5 | Flex-Wrap & Wrap-Reverse in CSS Flexbox | CSS Flexbox Tutorial
มุมมอง 417 ชั่วโมงที่ผ่านมา
Chapter 5 | Flex-Wrap & Wrap-Reverse in CSS Flexbox | CSS Flexbox Tutorial
Chapter 4 | Flex-Shrink in CSS Flexbox | CSS Flexbox Tutorial
มุมมอง 467 ชั่วโมงที่ผ่านมา
Chapter 4 | Flex-Shrink in CSS Flexbox | CSS Flexbox Tutorial
Chapter 3 | Flex-Grow in CSS Flexbox | CSS Flexbox Tutorial
มุมมอง 737 ชั่วโมงที่ผ่านมา
Chapter 3 | Flex-Grow in CSS Flexbox | CSS Flexbox Tutorial
Chapter 2 | Flex vs Inline-Flex Explained | CSS Flexbox Tutorial
มุมมอง 647 ชั่วโมงที่ผ่านมา
Chapter 2 | Flex vs Inline-Flex Explained | CSS Flexbox Tutorial
Chapter 1 | Introduction to Flexbox CSS | Flexbox CSS Tutorial
มุมมอง 1667 ชั่วโมงที่ผ่านมา
Chapter 1 | Introduction to Flexbox CSS | Flexbox CSS Tutorial
Chapter 21 | Mastering CSS Gradients - Linear, Radial & More | CSS Tutorial
มุมมอง 447 ชั่วโมงที่ผ่านมา
Chapter 21 | Mastering CSS Gradients - Linear, Radial & More | CSS Tutorial
Chapter 20 | Border Radius and Overflow Explained | CSS Tutorial
มุมมอง 447 ชั่วโมงที่ผ่านมา
Chapter 20 | Border Radius and Overflow Explained | CSS Tutorial
Chapter 19 | Child to Parent Communication Using Callback Functions | React JS Tutorial
มุมมอง 609 ชั่วโมงที่ผ่านมา
Chapter 19 | Child to Parent Communication Using Callback Functions | React JS Tutorial
🔥 HTML Roadmap: Learn HTML in 15 Days with a Structured Plan! 🚀 | HTML Tutorial
มุมมอง 3549 ชั่วโมงที่ผ่านมา
🔥 HTML Roadmap: Learn HTML in 15 Days with a Structured Plan! 🚀 | HTML Tutorial
Chapter 19 | Pseudo Elements Explained: Before, After, Marker, Selection and more | CSS Tutorial
มุมมอง 719 ชั่วโมงที่ผ่านมา
Chapter 19 | Pseudo Elements Explained: Before, After, Marker, Selection and more | CSS Tutorial
Chapter 18 | Mastering nth-child and nth-of-type Selectors | CSS Tutorial
มุมมอง 15712 ชั่วโมงที่ผ่านมา
Chapter 18 | Mastering nth-child and nth-of-type Selectors | CSS Tutorial
Chapter 42 | The End | HTML Project: Building a Complete Website Using HTML Only | HTML Tutorial
มุมมอง 51214 ชั่วโมงที่ผ่านมา
Chapter 42 | The End | HTML Project: Building a Complete Website Using HTML Only | HTML Tutorial
Chapter 17 | Box Shadow, EM, and REM Units Explained | CSS Tutorial
มุมมอง 12914 ชั่วโมงที่ผ่านมา
Chapter 17 | Box Shadow, EM, and REM Units Explained | CSS Tutorial
Chapter 18 | UseEffect Explained: Meet the Nosy Neighbor Aunty of React! 🏠👀| React JS Tutorial
มุมมอง 13916 ชั่วโมงที่ผ่านมา
Chapter 18 | UseEffect Explained: Meet the Nosy Neighbor Aunty of React! 🏠👀| React JS Tutorial
Chapter 41 | Difference Between HTML & HTML5 Explained | HTML Tutorial
มุมมอง 8816 ชั่วโมงที่ผ่านมา
Chapter 41 | Difference Between HTML & HTML5 Explained | HTML Tutorial
Chapter 40 | Meta Tags & Doctype Explained | HTML Tutorial
มุมมอง 7216 ชั่วโมงที่ผ่านมา
Chapter 40 | Meta Tags & Doctype Explained | HTML Tutorial
Chapter 39 | HTML Entities and Comments Explained | HTML Tutorial
มุมมอง 4916 ชั่วโมงที่ผ่านมา
Chapter 39 | HTML Entities and Comments Explained | HTML Tutorial
Sir, html css and js, Bs itna he sikhenge ?
saare live classes k sath aap kuch coding assesment de do practice ke liye
nice 👍🎉 work sir
How did you get that new css logo icon in ur Vscode, and which extension u using to display those color properties in css file?
Check the VS Code playlist for that.
Is this from basic level Sir?
Yes
Amazing Explanation
Day 1 Complete sir...Thanku For best Guidence
Alert("Day 1 completed👌💯"); Day++;
Bahut achha padha rahe ho bhaiya aap ❤❤
Kya padhate ho yar ❤❤ bhaiya ..❤ kaha the itne dino se yar
BeimanWild ki kooish Kam a gi
Sir is this a complete Js series
Yes
❤🙏
Code
This tutorial One of the best tutorial in other channels 🎉🎉
Day 1 completed 👌💯
In JavaScript , Is it essential to add this line Use strict ; In the start
No, will teach u in upcoming classes don’t worry
Sir please bring python series from scratch to advance Request 😊
Definitely but abhi time h usme
@AbbyshekSharma kbb tkkk Sir
Aaj to maja hi a Gaya seriously
thankuu so much sir
Code
bhaiya meine .net mysql or c# se wweb development kar raha hu demand hai ki nhi
Accha abby bhaiya ye batao ki javascript ke bagair react js kaise start hua
Aj rat 10 bje se live
@@AbbyshekSharma kya javascript live main attend kar nahi paunga main dusro se hotspot leta hu na
sir plz js lecture la kr aya plz
Aj rat 10 bje se live
Display- grid kab se start hoga
Soon
bhaiya aaj tk kishi ne nhi bataya tha --------------------------------------------------------- thanks bhaiya
Display- grid kab cover kariya ga
baan gya bhaiya
chota deep me bataiye @Abhyshek bhaiaya
done ..!
Better than other TH-camrs 🙌
Bhiya aapn mb-40 kar diya ho par margin- 40px nhi kiya ho
Ha ha 🤣 wo change karo galti se miss ho gya tha next video dekhna
Sir🎉🎉🎉 awesome
present sir
Present sir
Present Sir
Suggest html projects
Apne dimag ka use karna is also a part of this series 👹
Present sir
Present sir ji
Present sir ji
Present sir ji
Present sir ji
Present sir ji
Present sir ji
Present sir
Code
Thankuu sir , the best video of vs code i ever watch
Present sir ji
Your content is good keep it up and make sure that you cover best responsive design and production level html structure with css code practice followed that gives lots of information to learn
Everything will be covered
🎉🎉