Web Development Tutorials

In this video, we will look at 15 visual studio code extensions that every web developer needs, we will go beyond the realm of live server and prettier. *MUSIC USED* Song: Warriyo - Mortals (feat. Laura Brehm) [NCS Release] Music provided by NoCopyrightSounds Free Download/Stream: http://ncs.io/mortals Watch: http://youtu.be/yJg-Y5byMMw

In this video, we will be learning about CSS grid, which is a powerful tool that can help us effectively control our layouts.

In this video, we will be learning about Firebase security and how to secure and Firestore application.

In this video, we will build a responsive developer portfolio with Svelte and TailwindCSS. Live Link:https://idukpayealex.netlify.app/ Starter Files:https://github.com/Esesosa-max/Svelte_Projects/tree/Airbnb--windbnb-starter *CHAPTERS* 00:00:DEMO 01:40:Mobile First Approach 58:37:The Desktop View 01:12:37:Finally, Done 01:16:17:Finishing Touches, Thanks for Watching

Frontend Mentor is like the number one challenge for testing out your HTML and CSS Skills but they have not realised in a long time so here are frontend mentor alternatives

In this video,we will talk about the new html tag and how it makes making dialogues and modal way easier

In this 5 AI Better than ChatGPT short, we'll see how ChatGPT can be used to automate repetitive tasks in your business.

Live Link:https://windbnb-final.netlify.app/ Full video:https://www.youtube.com/watch?v=rZ0eKl6xdrA&t=21s

In this video, we will be building an Airbnb clone with Svelte and Tailwindcss. You learn and practice your frontend skills Live Link:https://windbnb-final.netlify.app/ Starter Files:https://github.com/Esesosa-max/Svelte_Projects/tree/Airbnb--windbnb-starter

In this video, we will be building the UI of a gallery App from scratch, this video was a lot of fun stuff like grids. Live Demo:https://svelte-gallery-tech-upfront.netlify.app/ *Important Files* Starter Branch https://github.com/Esesosa-max/Svelte_Projects/tree/Starter-Branch Final Files https://github.com/Esesosa-max/Svelte_Projects/tree/main 00:00 Intro 02:51 The Coding Begins 25:31 How to Deploy

In this video, we will be building the frontend newsletter popup template with HTML and CSS. Starter Files: https://www.codewell.cc/challenges/newsletter-popup-template--60a8db35203a0e6180bb5035

In this video, we will be building the Snipper landing page with HTML and CSS from Codewell. Starter Files:https://www.codewell.cc/challenges/snipper-landing-page--608bbe67e0984a001540d79b

In this video, we will be building a waitlist website with HTML, CSS, and Javascript. Starter Files:https://www.codewell.cc/challenges/commune-waitlist-page--608d9565747bad001532bd64 Final Files:https://github.com/Esesosa-max/html-and-css-files/tree/Commune-Wailist-website Helpful Playlists https://www.youtube.com/playlist?list=PLsGUs3eQt9CzsV4FhGz-EBr0vHzepUkS6 https://www.youtube.com/watch?v=trl6QhC1qus&list=PLsGUs3eQt9CwnFOUR8Zw8oBAab6N-sdB6&pp=gAQBiAQB

In this video, we'll be building a homepage using HTML and CSS. We'll be learning how to create a homepage that is both functional and stylish. Starter Files: https://www.codewell.cc/challenges/unifeed-blog-page--608d9d5c747bad001532bd7c Final Files: https://github.com/Esesosa-max/html-and-css-files/tree/Unifeed-Blog-App

5 significant updates in HTML, CSS, and JS that are important for web developers and designers to stay informed about. These include the dialog tag, CSS nesting, individual transform properties, structuredClone, and more *Timestamps* 00:00 Intro 00:11 Change 1: A new HTML Tag 01:30 Change 2: CSS Nesting 03:10 Change 3: Individual Transform Properties 03:34 Change 4: Color Mixing in CSS 03:53 Change 5: New Array Method 05:40 Change 6: New Javascript Function

Everyone still compters are good at math? well this video will change your view on that

When you apply for a HTML job you are required to know CSS and Javascript, this video highlights that in a funny way.

Rotating Navbar with HTML and CSS.

build a simple counter with HTML and CSS

Great Beginner Project : Gravity switch with html and css.

In this video, we will be building 5 projects with HTML and CSS to level your HTML and CSS skills. The projects are frontend mentors and a developer portfolio at the end 00:00 *Project 1* Starter Files:https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H Final Files:https://github.com/Esesosa-max/frontend-mentors/tree/main/qr-code-component-main 11:20 *Project 2* Starter Files:https://www.frontendmentor.io/challenges/huddle-landing-page-with-a-single-introductory-section-B_2Wvxgi0 28:22 *Project 3* Starter Files: https://github.com/Esesosa-max/frontend-mentors/tree/main/news-homepage-main Final Files: https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl 01:18:45 *Project 4* Starter Files:https://www.frontendmentor.io/challenges/intro-section-with-dropdown-navigation-ryaPetHE5 Final Files:https://github.com/Esesosa-max/frontend-mentors/tree/Intrintro-Section-With-Dropdown-Navigation-Frontend-Mentor/Final-intro 02:25:14 *Project 5* Final Files:https://github.com/Esesosa-max/html-and-css-files/tree/Dev--Portfolio/Developer%20Portfolio *SONG USED* Song: Alan Walker - Dreamer [NCS Release] Music provided by NoCopyrightSounds Free Download/Stream: http://ncs.io/dreamer Watch: http://ncs.lnk.to/dreamerAT/youtube

In this video, I will be teaching you how to build a simple portfolio website with Just HTML and CSS Live Link:https://sparkly-paprenjak-6604c9.netlify.app/ Final Files:https://github.com/Esesosa-max/html-and-css-files/tree/Dev--Portfolio

Learn React quickly and efficiently in this fast-paced tutorial! From the basics of components, state, and props, to setting up a project and working with Vite, I'll guide you through everything step by step. *SONG USED IN THE VIDEO* Song: Alan Walker - Dreamer [NCS Release] Music provided by NoCopyrightSounds Free Download/Stream: http://ncs.io/dreamer Watch: http://ncs.lnk.to/dreamerAT/youtube