Web Development
133K subscribers
593 photos
46 videos
559 files
170 links
Learn to code and become a Web Developer with HTML, CSS, JavaScript, React, Node.js

πŸ’³ Paid ads: https://telega.io/c/Webdev_Trainings
Download Telegram
πŸ”° SEO for Developers

Technical optimizations a developer can do to contribute to the site's SEO.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀10πŸ‘8πŸ”₯2
πŸ”… Vibe Coding from Scratch: A Beginner's Guide to Building and Shipping an App with AI

πŸ“ No coding experience? No problem. Learn to build and deploy your first real web application using AI-powered toolsβ€”follow best vibe coding best practices, and watch it come to life.

🌐 Author: Basia Kubicka
πŸ”° Level: Beginner
⏰ Duration: 1h 51m

πŸ“‹ Topics: Generative AI, Web Application Development, Back-End Web Development

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀12πŸ”₯2
Vibe_Coding_from_Scratch:_A_Beginner's_Guide_to_Building_and_Shipping.zip
280.4 MB
πŸ“±Web Development
πŸ“±Vibe Coding from Scratch: A Beginner's Guide to Building and Shipping an App with AI
Please open Telegram to view this post
VIEW IN TELEGRAM
❀8πŸ”₯1
Please open Telegram to view this post
VIEW IN TELEGRAM
❀9πŸ”₯3
Media is too big
VIEW IN TELEGRAM
⌨️ CSS Flexbox Tutorial for Beginners | Basics & Container | 1/2

Responsive design is more important than ever as we want to ensure that our website looks awesome on all devices. With Flexbox we can make our Elements more dynamic, so let's find out how this works in this tutorial!
Please open Telegram to view this post
VIEW IN TELEGRAM
❀12πŸ‘4πŸ”₯3
Media is too big
VIEW IN TELEGRAM
πŸ”° CSS Flexbox Tutorial for Beginners | Flex-Items | 2/2

Ok, we understood how the Flex-Container works in the last video. But what if we want to change the way specific Flex-Items are displayed, it that possible? Yes it is!
Please open Telegram to view this post
VIEW IN TELEGRAM
❀8πŸ‘3
πŸ”° Using box shadow in a way you might not have expected

Box shadows in CSS can be layered. You can apply multiple box shadows for the same element. This is generally used for a rich and realistic box shadow, but what's stopping us hacking this 🀭


β–ͺ️ Here we create a box shadow with 0 blur and some offset to create a duplicate layer

β–ͺ️ Then we create a similar layer but a pixel more of spread, to create a pseudo border

β–ͺ️ Finally another actual box shadow layer
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀24πŸ‘5πŸ”₯1
⌨️ Best 3 Ways to Center a Div.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀18πŸ‘11πŸ”₯2
πŸ”… CSS: Advanced Layouts with Grid

πŸ“ Learn how to take full advantage of the capabilities of CSS Grid to build interfaces that are attractive, accessible, and responsive.

🌐 Author: Carrie Dils
πŸ”° Level: Advanced
⏰ Duration: 2h 28m

πŸ“‹ Topics: Web Development, CSS Grid Layout, Cascading Style Sheets

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀12
CSS: Advanced Layouts with Grid.zip
392.1 MB
πŸ“±Web Development
πŸ“±CSS: Advanced Layouts with Grid
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘6❀3