- 136
- 3 159 813
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 😎
How I Code INSANELY FAST in VS Code - Emmet Tutorial
Emmet Abbreviations Tutorial for beginners to code faster in visual studio code with HTML code snippets and code completion that boost productivity and coding speed in html and vs code.
In this video you will learn everything about emmet abbreviations in visual studio code and all the shorthands to generate html code insanely fast in vs code.
👌 Become a Member to Support our Channel:
ua-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
Get our HTML & CSS Course here:
www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO
Checkout our website for more:
👉 www.coding2go.com
Host Your Own Website With Hostinger:
👉 www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
#emmet #vscode #html
CONCEPTS YOU WILL LEARN:
✔ Emmet Abbreviations
✔ Emmet in Visual Studio Code
✔ Emmet shortcuts in vs code
✔ html code completion
✔ how to generate html code fast in vscode
✔ how to code faster in vs code
✔ how to increase coding productivity
✔ write html code faster
✔ vs code pro tips
✔ visual studio code tips for beginners
✔ emmet tutorial for beginners
✔ emmet in vscode crash course
I hope you learned something new ;)
👋 Become a Member to Support our Channel:
ua-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
In this video you will learn everything about emmet abbreviations in visual studio code and all the shorthands to generate html code insanely fast in vs code.
👌 Become a Member to Support our Channel:
ua-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
Get our HTML & CSS Course here:
www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO
Checkout our website for more:
👉 www.coding2go.com
Host Your Own Website With Hostinger:
👉 www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
#emmet #vscode #html
CONCEPTS YOU WILL LEARN:
✔ Emmet Abbreviations
✔ Emmet in Visual Studio Code
✔ Emmet shortcuts in vs code
✔ html code completion
✔ how to generate html code fast in vscode
✔ how to code faster in vs code
✔ how to increase coding productivity
✔ write html code faster
✔ vs code pro tips
✔ visual studio code tips for beginners
✔ emmet tutorial for beginners
✔ emmet in vscode crash course
I hope you learned something new ;)
👋 Become a Member to Support our Channel:
ua-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
Переглядів: 8 067
Відео
Build Navbar Menus That Actually Work for Everyone
Переглядів 14 тис.14 днів тому
Get started with Miro: miro.pxf.io/xLL1ev How to use Aria Attributes and Responsive CSS to build an Accessible and Responsive Navigation Bar Menu using HTML, CSS and JavaScript. You will learn how accessibility works in HTML using aria-attributes like aria-expanded, aria-controls, aria-hidden, and of course how to make a navbar responsive using Flexbox and media queries. This responsive navigat...
Learn CSS Nesting in 4 Minutes (Pros & Cons)
Переглядів 8 тис.14 днів тому
CSS Nesting is revolutionizing how we write stylesheets by enabling selectors to be nested within other selectors-a feature once exclusive to preprocessors like SASS and now supported natively in CSS by all major browsers. In this quick and practical video, we'll cover CSS Nesting syntax, its pros and cons, and essential tips for working with descendant selectors, pseudo-classes, and the ampers...
Why I don't use flex-wrap anymore (and what to use instead)
Переглядів 49 тис.Місяць тому
Grid Wrapping Explained: ua-cam.com/video/3T0gjtXRNC0/v-deo.html There are a few problems with flex-wrap which we will address in this video. I am also going to show you three alternatives to use instead of flex-wrap, because I found that they work a lot better in some situations. Learn about media queries, grid wrapping and a smooth javascript slider. 😎 Become a Member to Support our Channel: ...
The most popular Flexbox property explained in 4 Minutes | CSS flex shorthand
Переглядів 36 тис.Місяць тому
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: ua-cam.com/...
Why you should start using ARIA Attributes in HTML
Переглядів 26 тис.Місяць тому
Learn ARIA in 5 Minutes | HTML Accessibility Tutorial for beginners 😎 Become a Member to Support our Channel: ua-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
Переглядів 43 тис.2 місяці тому
Watch this next: ua-cam.com/video/PojpwEbOQJg/v-deo.html 😎 Become a Member to Support our Channel: ua-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 pract...
Why inline-flex is my new favorite display value
Переглядів 112 тис.2 місяці тому
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
Переглядів 112 тис.2 місяці тому
😎 Become a Member to Support our Channel: ua-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
Переглядів 15 тис.2 місяці тому
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 👉 ua-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
Переглядів 4,2 тис.3 місяці тому
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: ua-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
Переглядів 8 тис.3 місяці тому
Understand ALL THREE parameters of the forEach method and how to use them to iterate through arrays in javascript Learn more about Arrays: ua-cam.com/video/do3a2tmlabw/v-deo.html Learn how to iterate through arrays with the forEach method in js | 😎 Join our Membership to Support our Channel: ua-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
Переглядів 86 тис.3 місяці тому
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
Переглядів 76 тис.4 місяці тому
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: 👉ua-cam.com/video/YEmdHbQBCSQ/v-deo.h...
Tooltip Hover Transition for Social Media Icons HTML & CSS Tutorial
Переглядів 17 тис.4 місяці тому
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 UA-cam, TikTok, Instagram, X and Facebo...
Create Responsive CSS Grid Layouts with GRID WRAPPING
Переглядів 77 тис.4 місяці тому
Create Responsive CSS Grid Layouts with GRID WRAPPING
Learn CSS Flexbox in 20 Minutes (Course)
Переглядів 303 тис.4 місяці тому
Learn CSS Flexbox in 20 Minutes (Course)
Learn CSS in 7 Days | Course Announcement
Переглядів 19 тис.4 місяці тому
Learn CSS in 7 Days | Course Announcement
Create a Dark Mode Switch with HTML, CSS, JavaScript
Переглядів 44 тис.5 місяців тому
Create a Dark Mode Switch with HTML, CSS, JavaScript
Learn CSS Border Animations in 6 Minutes
Переглядів 258 тис.5 місяців тому
Learn CSS Border Animations in 6 Minutes
Learn CSS :not() and :has() selector in 6 Minutes
Переглядів 14 тис.5 місяців тому
Learn CSS :not() and :has() selector in 6 Minutes
Login & Signup with HTML, CSS, JavaScript (form validation)
Переглядів 44 тис.5 місяців тому
Login & Signup with HTML, CSS, JavaScript (form validation)
Learn JavaScript EventListeners in 4 Minutes
Переглядів 29 тис.5 місяців тому
Learn JavaScript EventListeners in 4 Minutes
BIG NEWS "How to Center a Div" finally answered (new css property)
Переглядів 26 тис.5 місяців тому
BIG NEWS "How to Center a Div" finally answered (new css property)
Learn CSS ::before and ::after in 4 Minutes
Переглядів 223 тис.5 місяців тому
Learn CSS ::before and ::after in 4 Minutes
These CSS PRO Tips & Tricks Will Blow Your Mind!
Переглядів 512 тис.7 місяців тому
These CSS PRO Tips & Tricks Will Blow Your Mind!
Build & Deploy a TODO APP with JavaScript
Переглядів 26 тис.9 місяців тому
Build & Deploy a TODO APP with JavaScript
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
Переглядів 100 тис.10 місяців тому
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
Very good! I watch you from Russia using a VPN, thank you so much for your hard work and for helping those who are trying to understand what programming is)
The snapping one is mind-blowing!
pake bahasa jawa bisa ga bang
Good job
what if we use hyper link <a>
show side bar auto run on website refresh
God bless you, I understand it now
The underline scroll didn't appear is this the normal behaviour?
you've got a sub😍
RAAAHHHH i hate Java Scirpt
🥲 idk why on error messages are not showing
I SUBSCRIBED TO YOUR CHANNEL BECAUSE I FOUND SOMETHING INTERESTING IN IT
This is one of the most amazing css tricks channel, I like the way you organize things, honestly words cannot describe my appreciation to you. Thanks to CODING2GO
why does mine appear only for a moment? when clicked, it appears and disappears immediately
Learned a few new ones here, thanks!
THANKS A LOT OF YOUR EXPLANATIONN 🎉🎉
Mind successfully blown
Very nice, thank you so much @Coding2GO
Nah this video was insane, I was expecting a simple navbar tutorial and I got a full accessibility masterclass. Great video.
Most valuable css video series for anyone who wants to learn more than basic which no one teaches .
Fabian should take part in the world championships for the fastest talking people...
Super based! Thanks!
Hi, I'm currently facing a problem where the background-image isn't showing (9:13 step) when I apply it even though my CSS and HTML files have been linked properly and my fonts are working well. Also, my text wouldn't change to the colour that I've written in the CSS code. I checked every line carefully for each CSS line. If anyone out here can help me with this issue, I 'd really appreciate it. Thanks!
Make sure that the background image is in the same folder with the css and html. Also, check the spelling of the name of the image. Eg. background-image: url(background.jpg)
🎉 so useful. I remember using some of these tips when working with HTML but with React, it didn't work.
Thanks Great one !
Great video!
I use emmet for long time already, so this time it was nothing surprising for me. I bet some others will have a great benefit and value from your good explanation. CSS shorthands next? Like * {p0+m0+bxbb}
Very informative
No thanks, nothing comes close to Vim.
Thank you so much! Very useful!
👍
The menu from the svg file doesn't appear.
P>lorem*50 will generate you fifty paragraphs
That will generate one paragraph with 50 lorem texts in it, to make 50 paragraphs, you need to write p*50>lorem. Each paragraph will contain a little part of the lorem ipsum in it
Great tips. Thank you!
Which theme you used?
What is Emmet, is it an extension for visual studio.
yup
Thanks
Thank you, you are really great and the lesson was very useful
w vid as always
post more content like this
Hi Fabian, You have good instructional videos, but one really annoying problem. I don't know if you speed up the voiceover, but in any case the tempo is way too fast to learn anything from these. Someone might say that you can always pause the video, but it's really annoying to have to stop or rewind the video. Slow down the tempo a lot and give the viewer's brain time to internalize what they hear and see.
fine for me. just watch it at 0.75x speed
That's true, why are you speed running the video? Plus on UA-cam mobile is easier to make it go faster than make it go slower
This is subjective but I prefer fast videos like these to get my quick nugget knowledge on the go.
Great and simple tutorial! Good job!
This helps a lot thanks
2nd comment! Plz pin
Tanks bro you are the best 💀
Spectacular guide!
Spectacular guide!