- 13
- 3 076
Youssouf Oumar
France
เข้าร่วมเมื่อ 30 ธ.ค. 2019
Let's improve as software engineers, together.
Hi, I’m Youssouf, a Software Engineer based in France. Every now and then, I share what I learn on my software engineering journey on this channel. Subscribe, and let's continue growing together!
Hi, I’m Youssouf, a Software Engineer based in France. Every now and then, I share what I learn on my software engineering journey on this channel. Subscribe, and let's continue growing together!
Build a complete professional responsive weather application and practice HTML, CSS, and JavaScript
Become good at frontend development, HTML, CSS, and JavaScript building an advanced and complete responsive weather application, using a mobile first approach following a Figma design.
More HTML, CSS and JavaScript projects: th-cam.com/play/PLQRe1t1nMu7DEQBTvkfQQ8glZbr2ZZ3XA.html&si=sSALRUaVVNcOXZjO
Learn how to deploy it: th-cam.com/video/BtxYaC-H-z0/w-d-xo.htmlsi=wupGTgzXn7lJyQt0
Final result: yousoumar.github.io/weather/
Code : github.com/yousoumar/weather
💬 Leave a comment if you want to share anything
👍 Like if you think the video was helpful
🔔 Subscribe for upcoming videos
00:00:00 Intro
00:02:52 Set up
00:09:02 Search form
00:24:44 Main info
00:32:55 Complete the search form
00:38:06 Forecast
00:45:54 Highlights
00:52:36 Making it responsive
00:56:57 Making it dynamic
01:12:00 Humidity range
01:16:50 Wrap up
#javascript #html #css
More HTML, CSS and JavaScript projects: th-cam.com/play/PLQRe1t1nMu7DEQBTvkfQQ8glZbr2ZZ3XA.html&si=sSALRUaVVNcOXZjO
Learn how to deploy it: th-cam.com/video/BtxYaC-H-z0/w-d-xo.htmlsi=wupGTgzXn7lJyQt0
Final result: yousoumar.github.io/weather/
Code : github.com/yousoumar/weather
💬 Leave a comment if you want to share anything
👍 Like if you think the video was helpful
🔔 Subscribe for upcoming videos
00:00:00 Intro
00:02:52 Set up
00:09:02 Search form
00:24:44 Main info
00:32:55 Complete the search form
00:38:06 Forecast
00:45:54 Highlights
00:52:36 Making it responsive
00:56:57 Making it dynamic
01:12:00 Humidity range
01:16:50 Wrap up
#javascript #html #css
มุมมอง: 346
วีดีโอ
Footer not always sticking to the bottom
มุมมอง 100วันที่ผ่านมา
HTML & CSS footer not sticking to the bottom is a common problem that every web developer run into once in his life. In this video, I'll show two easy fixes using CSS Flex and CSS Grid. Video where we built the project: th-cam.com/video/h1drIZD6Q8w/w-d-xo.htmlsi=RkQK0NKHbsu143uL 00:00:00 Intro 00:01:00 Solutions 00:04:45 Wrap up 💬 Leave a comment if you want to share anything 👍 Like if you thin...
Why URLs become ugly and cause problems
มุมมอง 39714 วันที่ผ่านมา
Ever wonder why some URLs look like a chaotic jumble of characters? Understand them from the ground up to avoid confusion and problems once and for all. 👍 Like if you think it's somewhat helpful 💬 Leave a comment if you want to share anything 🔔 Subscribe for upcoming videos #web #webdevelopement #coding #programming #javascript
Understand HTTP cookies and build your own parser
มุมมอง 230หลายเดือนก่อน
Master HTTP cookies and learn how to build your own cookie parser from scratch! Ideal for developers eager to go beyond framework abstractions. 👍 Like if you think it's somewhat helpful 💬 Leave a comment if you want to share anything 🔔 Subscribe for upcoming videos 00:00 Intro 00:42 What's a cookie 03:42 Build a parser 07:56 Wrap up #web #webdevelopement #coding #programming #javascript #nodejs
Build a complete website, practice HTML, CSS, and JavaScript, discover modern frontend codebases
มุมมอง 3672 หลายเดือนก่อน
Practice HTML, CSS, Sass, and JavaScript by building and deploying a complete responsive professional website using a mobile-first approach. Learn about modern frontend codebases with Webpack and explore advanced website animations. Challenge link: www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN GitHub link: github.com/yousoumar/easybank Deploy the website: th-cam.com/video/BtxY...
Build a complete professional website and practice HTML, CSS, and JavaScript
มุมมอง 4252 หลายเดือนก่อน
Practice HTML, CSS, and JavaScript while building a professional responsive website following a designer blueprint crafted in Figma, using a mobile-first approach. Challenge link: legacy.devchallenges.io/challenges/xobQBuf8zWWmiYMIAZe0 GitHub link: github.com/yousoumar/edie Deploy the website: th-cam.com/video/BtxYaC-H-z0/w-d-xo.htmlsi=69F8elvgOpGQhLle 👍 Like if you think it's somewhat helpful ...
Build a project with a complex layout and practice HTML and CSS
มุมมอง 2662 หลายเดือนก่อน
Practice HTML, CSS, Grid, and Flexbox by creating a professional responsive website with a complex layout, by closely following a designer's blueprint, crafted in Figma, and using a mobile-first approach! Challenge link: legacy.devchallenges.io/challenges/gcbWLxG6wdennelX7b8I The code: github.com/yousoumar/gallery The deployment: th-cam.com/video/BtxYaC-H-z0/w-d-xo.htmlsi=693f68F9PILvTamI HTML ...
Deploy a website for free
มุมมอง 642 หลายเดือนก่อน
This tutorial will teach you how to deploy for free your HTML, CSS, and JavaScript website live on the web. The video where we built the project: th-cam.com/video/tZOnhkDmjlE/w-d-xo.htmlsi=G6GaOt_YP-LZOxmk 👍 Like if you think it's somewhat helpful 💬 Leave a comment if you want to share anything 🔔 Subscribe for upcoming videos #html #css #javascript #webdevelopment #git #github
Build a project with an interesting layout and practice HTML and CSS
มุมมอง 762 หลายเดือนก่อน
Practice HTML and CSS by creating a professional responsive website using a mobile-first approach, following a designer's blueprint, crafted in Figma! In this tutorial, you'll learn how companies develop websites. The video where we deploy the website: th-cam.com/video/BtxYaC-H-z0/w-d-xo.html Figma link: www.figma.com/design/F8d1qJsorEdY47N74HLxQ4/team-page-challenge?node-id=0-1&t=SStyh6wm8nzrf...
CSS tutorial for beginners
มุมมอง 522 หลายเดือนก่อน
Learn HTML & CSS hands-on in this series, while building a professional website and deploying it on the Internet so your friends and family can see. The previous video of the series: th-cam.com/video/uQt3ZEIly6k/w-d-xo.htmlsi=Jzffn-yJ2ivry1m9 The next video of the series: th-cam.com/video/tZOnhkDmjlE/w-d-xo.htmlsi=58oc7JFuzg1T_5zM 👍 Like if you think it's somewhat helpful 💬 Leave a comment if y...
HTML tutorial for beginners
มุมมอง 822 หลายเดือนก่อน
Learn HTML & CSS hands-on in this series, while building a professional website and deploying it on the Internet so your friends and family can see. The next video of the series: th-cam.com/video/mwohjkgcr8U/w-d-xo.htmlsi=jbwGTWzJ1DVOnATx 👍 Like if you think it's somewhat helpful 💬 Leave a comment if you want to share anything 🔔 Subscribe for upcoming videos #html #css
🧐
Thank you youssouf
Keep going !
Chinese 😭. Anyways thanks for the video.
Yeah, my bad. Thank you!
It's Hindi language not Chinese
Yeah my bad. Thanks!
nice video bro, keep it coming
Or rather than add complexity with additional frameworks just make one css file and use the "find" feature available in any IDE since the beginning of time
Very instructive video, thanks !
Where is this guy from ? Absolutely genius. Thank you very much for the content
Keep going
bro uploaded a half an hour long video on layouts and someone is asking about the macbook
can you tell me about your macbook?
Hi ! It's a MacBook Air 15-inch, M2, 2023.