- 133
- 2 712 238
Coding2GO
เข้าร่วมเมื่อ 16 ธ.ค. 2022
Would you like to be able to create modern websites, work as a web developer or simply learn new programming skills? Then this is the right channel for you!
This is Coding2GO - the channel where you learn the most relevant coding concepts in just a few minutes.
WHAT WE DO 🗣️🗣️🔥🔥🔥
- Fast paced and precise tutorials about HTML, CSS and JavaScript
- Practical Projects + Source Code on our website (coding2go.com)
- Beginner Courses on Udemy
ABOUT US 👋👋
We are Fabian and Pavel from Berlin and our job as freelancers is to develop full stack web applications for our clients. And now we have made it our mission to teach what we know about the world of programming to aspiring developers like you.
TECH STACK
Pavel: HTML, CSS, JavaScript, PHP, SQL, Java, Python, React.js, React Native, C#
Fabian: HTML, CSS, JavaScript, React.js, Node.js, Express.js, MongoDB, Adobe
If you have an interesting offer for our viewers and you would like to sponsor our videos, send an email 😎
This is Coding2GO - the channel where you learn the most relevant coding concepts in just a few minutes.
WHAT WE DO 🗣️🗣️🔥🔥🔥
- Fast paced and precise tutorials about HTML, CSS and JavaScript
- Practical Projects + Source Code on our website (coding2go.com)
- Beginner Courses on Udemy
ABOUT US 👋👋
We are Fabian and Pavel from Berlin and our job as freelancers is to develop full stack web applications for our clients. And now we have made it our mission to teach what we know about the world of programming to aspiring developers like you.
TECH STACK
Pavel: HTML, CSS, JavaScript, PHP, SQL, Java, Python, React.js, React Native, C#
Fabian: HTML, CSS, JavaScript, React.js, Node.js, Express.js, MongoDB, Adobe
If you have an interesting offer for our viewers and you would like to sponsor our videos, send an email 😎
The most popular Flexbox property explained in 4 Minutes | CSS flex shorthand
Learn how to use the flex shorthand in CSS Flexbox to create responsive layouts faster with CSS Flexbox. This one line of code can improve your Flexbox layout fast and easy. flex: 1 1 0; is one of the most popular flexbox pro tips. Understand the meaning of flex 1 1 0 and how the flexbox properties flex-grow, flex-shrink and flex-basis work.
😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00
Host Your Own Website With Hostinger:
🚀 www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
Concepts you will learn in this video
✔ HTML, CSS
✔ css flex property
✔ css tips and tricks
✔ css flexbox
✔ css flex shorthand
✔ hot to use flex: 1 1 0;
✔ meaning of flex 1 1 0
✔ flexbox shortcut
✔ css flexbox pro tip
✔ css flex-grow
✔ css flex-shrink
✔ css flex-basis
✔ flex explained css
✔ flex shorthand in css
✔ flex property in css
✔ css flex shorthand
✔ flex-grow flex-shrink flex-basis
✔ flex-basis: 0; explained
✔ learn flex-grow and flex-shrink for beginners
✔ css flexbox beginner tutorial
😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00
Host Your Own Website With Hostinger:
🚀 www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
Concepts you will learn in this video
✔ HTML, CSS
✔ css flex property
✔ css tips and tricks
✔ css flexbox
✔ css flex shorthand
✔ hot to use flex: 1 1 0;
✔ meaning of flex 1 1 0
✔ flexbox shortcut
✔ css flexbox pro tip
✔ css flex-grow
✔ css flex-shrink
✔ css flex-basis
✔ flex explained css
✔ flex shorthand in css
✔ flex property in css
✔ css flex shorthand
✔ flex-grow flex-shrink flex-basis
✔ flex-basis: 0; explained
✔ learn flex-grow and flex-shrink for beginners
✔ css flexbox beginner tutorial
มุมมอง: 28 539
วีดีโอ
Why you should start using ARIA Attributes in HTML
มุมมอง 24K21 วันที่ผ่านมา
Learn ARIA in 5 Minutes | HTML Accessibility Tutorial for beginners 😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin Learn how to use aria-attributes like aria-label, aria-labelledby, aria-expanded and aria-controls in HTML to make your websites more accessible and boost your Accessibility score. Knowing how to use ARIA attributes in HTML is an impor...
Avoid THESE 5 JavaScript Beginner MISTAKES
มุมมอง 41K21 วันที่ผ่านมา
Watch this next: th-cam.com/video/PojpwEbOQJg/w-d-xo.html 😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin In this video, we explore five common beginner mistakes in JavaScript and how to avoid them for better, cleaner, and more efficient code. Whether you're just starting out or looking to improve your JavaScript skills, understanding these bad prac...
Why inline-flex is my new favorite display value
มุมมอง 106Kหลายเดือนก่อน
Learn how display: inline-flex can improve your CSS flexbox layouts In this video, you'll learn why display: inline-flex is my favorite CSS property for Flexbox layouts. While traditional block and inline elements control element alignment on a webpage, using display: flex can disrupt sibling behavior and cause layout issues. That's where inline-flex comes in! It combines the flexibility of Fle...
10 CSS PRO Tips and Tricks you NEED to know
มุมมอง 98Kหลายเดือนก่อน
😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin 👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 In this video you will learn 10 CSS Tricks for Beginners and Advanced Developers that want to learn modern css concepts. These 10 css pro tips can boost your...
How to use map() filter() reduce() | JavaScript Array Methods Tutorial
มุมมอง 12Kหลายเดือนก่อน
Most important Array Methods Explained for Beginners | Learn Map, Filter, Reduce in JavaScript with Examples | Use array methods instead of foreach. Become a Member and get access to our udemy course 👉 th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin *Check out our website*: 👉 www.coding2go.com * Get our CSS Udemy Course*: 👉 www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-boo...
JavaScript Arrays Crash Course Tutorial for beginners
มุมมอง 4K2 หลายเดือนก่อน
Learn how to create arrays in javascript | How to add and remove array elements | How to loop over arrays using a forEach Loop 😎 Join our Membership to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin Thanks to all of you, who already support our work 💙 👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referra...
Javascript forEach method explained in 4 Minutes for beginners
มุมมอง 6K2 หลายเดือนก่อน
Understand ALL THREE parameters of the forEach method and how to use them to iterate through arrays in javascript Learn more about Arrays: th-cam.com/video/do3a2tmlabw/w-d-xo.html Learn how to iterate through arrays with the forEach method in js | 😎 Join our Membership to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin Thanks to all of you, who already support our work ...
Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project
มุมมอง 69K2 หลายเดือนก่อน
Collapsible Sidebar Menu | Source Code | Dropdown Transitions | Bottom Navigation Bar on Mobile Devices | HTML, CSS, JavaScript Project 👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 In this video you will learn how to use modern css and javascript concepts by building an html, css and javascript ...
How to create RESPONSIVE Layouts with CSS GRID
มุมมอง 62K2 หลายเดือนก่อน
Responsive Sidebar, Navbar, Main, Footer Layout, How to use CSS Grid Layouts for beginners | Responsive CSS Grids with grid-template-areas, fractional units and media queries. Learn more about CSS Grid in our course: 👉www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 Learn CSS Positions in 4 Minutes: 👉th-cam.com/video/YEmdHbQBCSQ/w-d-xo....
Tooltip Hover Transition for Social Media Icons HTML & CSS Tutorial
มุมมอง 15K2 หลายเดือนก่อน
Create Tooltip Transitions with CSS ONLY! | Animated Socials Section with HTML and CSS - Source Code Here: coding2go.com Create Amazing Animations / Hover Effects for your social media icons and social media buttons with HTML and CSS. Learn how to use the transition property with an interactive example of how to create social media links with CSS for your TH-cam, TikTok, Instagram, X and Facebo...
Create Responsive CSS Grid Layouts with GRID WRAPPING
มุมมอง 65K3 หลายเดือนก่อน
WRAP GRIDS with CSS | Learn repeat(), minmax(), fractions, auto-fit and responsive web design with CSS Grid in only 6 Minutes. Coding2Go explains how to create responsive grid layouts with wrapping grids that look like flex-wrap or flex-grow and flex-shrink but in css grid without using flexbox. Wrap Grids to create responsive layouts that fit on every device. It adjusts the amount of columns a...
Learn CSS Flexbox in 20 Minutes (Course)
มุมมอง 245K3 หลายเดือนก่อน
Learn how to create responsive websites with this CSS Flexbox Beginner Course. Display: flex; explained in 20 minutes by Coding2GO 👉 Get the full course here: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO In this CSS Flexbox Crash Course for beginners you are going to learn about responsive web design by getting CSS Flexbox explained. How to use ...
Learn CSS in 7 Days | Course Announcement
มุมมอง 16K3 หลายเดือนก่อน
Get the course here: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO If the discount isn't already applied enter our coupon code: CODING2GO *ABOUT THE COURSE* In just one week, you'll master the technologies, concepts, and theory behind HTML and CSS. More importantly, you'll apply your new skills through a series of practical projects. *Start Your ...
Create a Dark Mode Switch with HTML, CSS, JavaScript
มุมมอง 36K3 หลายเดือนก่อน
Learn how to create a dark mode switch with html and css and save the theme with javascript localstorage. This html, css and javascript beginner tutorial with explain how to provide a dark and light mode switch on your website. *Check out our website*: 👉 www.coding2go.com * Get our HTML Udemy Course*: 👉 www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC *Host yo...
Learn CSS Border Animations in 6 Minutes
มุมมอง 226K3 หลายเดือนก่อน
Learn CSS Border Animations in 6 Minutes
Learn CSS :not() and :has() selector in 6 Minutes
มุมมอง 13K4 หลายเดือนก่อน
Learn CSS :not() and :has() selector in 6 Minutes
Login & Signup with HTML, CSS, JavaScript (form validation)
มุมมอง 34K4 หลายเดือนก่อน
Login & Signup with HTML, CSS, JavaScript (form validation)
Learn JavaScript EventListeners in 4 Minutes
มุมมอง 23K4 หลายเดือนก่อน
Learn JavaScript EventListeners in 4 Minutes
BIG NEWS "How to Center a Div" finally answered (new css property)
มุมมอง 23K4 หลายเดือนก่อน
BIG NEWS "How to Center a Div" finally answered (new css property)
Learn CSS ::before and ::after in 4 Minutes
มุมมอง 196K4 หลายเดือนก่อน
Learn CSS ::before and ::after in 4 Minutes
These CSS PRO Tips & Tricks Will Blow Your Mind!
มุมมอง 467K6 หลายเดือนก่อน
These CSS PRO Tips & Tricks Will Blow Your Mind!
Build & Deploy a TODO APP with JavaScript
มุมมอง 21K8 หลายเดือนก่อน
Build & Deploy a TODO APP with JavaScript
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
มุมมอง 91K8 หลายเดือนก่อน
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
How to create a GRADIENT BORDER in CSS Tutorial
มุมมอง 35K9 หลายเดือนก่อน
How to create a GRADIENT BORDER in CSS Tutorial
Learn HTML for beginners (create your first website)
มุมมอง 13Kปีที่แล้ว
Learn HTML for beginners (create your first website)
How to create a popup in html (dialogs and modals)
มุมมอง 11Kปีที่แล้ว
How to create a popup in html (dialogs and modals)
How to learn JavaScript in 2024 (ROADMAP)
มุมมอง 5Kปีที่แล้ว
How to learn JavaScript in 2024 (ROADMAP)
yeah perfect video, i love this video
I don't know if it was the JS but this tutorial was too advanced for me to understand. Great work your doing mate!!!
just looking for this type of content thanks brahhhh
Dude, you are the best, keep up
one really hard question, why are you so underrated, you literally helped me do something i was trying to do for almost 4 months!
I’m stack on increase padding 3px. It won’t increase the padding even when I’m adding the background-image: conic-gradient it’s not doing anything I’m stack please help
I see that a lot of other tutorials do the same. What if you have a semi-transparent background for the main element that is in front of the pseudo element?
what video editor you are using?
Tank you so much, @Coding2GO. This is the best CSS Positioning tutorial on Youtude. An excellent short and straight to the point instructions. You are awesome. I have subscribed immediately and shared to friends. Please, we need more of this type of teaching tutorial.
.
awesome, thanks a lot for that!
that was awesome
Which browser is this guy using??
I’m unable to play ur hymn nd css playlist
Hello
It worked ❤ thankuu 🎉🎉🎉🎉🎉so much
Use this line: width: clamp(fit-content, 300px, 100%); Instead of: width: 300px; In @media(max-width: 450px) This will make your nav bar more responsive and prevent overflow, like if window has only 250px, it will work! Must use it!
how do you able to make this types of css bro this is increadable plese let me know how do you these much proficiency in css
i love this video
At last.......a tutorial that is structured to actually help someone learn CSS! 👏
You’re a beast! Thank you!
Thanks buddy
Thanks man ❤
thank you but the music is so annoying
Thank you very much, I made this navbar as a React component and it worked perfectly.
This is why I'm here, Fabian :)
thank you
thanks man! you are best!
Hi, I just sent an email, please check it
vscode theme plz !
Thankyou man, you really helped me out
Kefram animates don't work for variables and we should use @property...
Heloo
Bro...y do u use position absolute for the before and after pseudo class...taught its for the child element
Because pseudo-elements behave like child elements. They are inserted before (or after) the content of the element.
Bravo
Nice explain!
Only one word for it : Superb ! Many thanks ! This has helped me a lot.
idk why, but i need double click, if i want pause
❤
Brother, remove the flex, align properties from btn and remove height & weight from ::before. Just add inline: -2px. That's it.
Please make a playlist tutorial for javascript
Great explanation! Will it work if make image gallery with different size of images ? I have images in foreach loop C#. It would be great a tutorial with responsive images.
Hello I’m unable to play ur html nd CAs playlist
These videos help alot Thank you sir ❤
Underrated channel
Thanks a lot. Very nice explanation.
❤Thanks for help!❤