15 Visual Studio Code Extensions for EVERY web developer in 5mins
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
3
views
Everything YOU NEED to Know about CSS Grid in 15 mins
In this video, we will be learning about CSS grid, which is a powerful tool that can help us effectively control our layouts.
15
views
1
comment
Firebase CyberSecurity: How to NOT Get HACKED!
In this video, we will be learning about Firebase security and how to secure and Firestore application.
3
views
2
comments
Build a KILLER Developer Portfolio with Svelte and Land a JOB
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
7
views
Frontend Mentor Alternatives That are Just as GOOD!
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
11
views
How to Use the New HTML TAG #shorts
In this video,we will talk about the new html tag and how it makes making dialogues and modal way easier
4
views
5 AI Better than ChatGPT #shorts #chatgpt #ai
In this 5 AI Better than ChatGPT short, we'll see how ChatGPT can be used to automate repetitive tasks in your business.
Airbnb is Svelte and TailwindCSS-- DEMO
Live Link:https://windbnb-final.netlify.app/
Full video:https://www.youtube.com/watch?v=rZ0eKl6xdrA&t=21s
2
views
Build and Deploy an Airbnb Clone with Svelte and TailwindCSS
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
10
views
Build and Deploy A Gallery App with Sveltekit and TailwindCSS
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
13
views
Frontend Newsletter Popup Template With HTML and CSS
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
Snipper Landing Page with HTML and CSS
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
1
view
Commune Wailting list Website With HTML and CSS
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
3
views
Unifeed Blog Hompage with HTML and CSS || Codewell Project
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
Top 5 HTML, CSS, and JS Changes You Must Know
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
2
views
Humans are better than computers at maths
Everyone still compters are good at math? well this video will change your view on that
When you apply a HTML JOB ONLY #comedy
When you apply for a HTML job you are required to know CSS and Javascript, this video highlights that in a funny way.
4
views
How to build an Incremental Counter with HTML and CSS under 60 seconds
build a simple counter with HTML and CSS
3
views
How to Build a Gravity switch with HTML and CSS
Great Beginner Project : Gravity switch with html and css.
2
views
From Beginner to Pro: Build 5 Frontend Challenges Projects 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
17
views
How to Build a Developer Porfolio with Just HTML and CSS
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
2
views
Learn ReactJS 18 and Vite in 5 Minutes (Here's How!) #100secondsofcode
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
1
view