- 75
- 431 395
Mr Coder
Приєднався 9 лис 2020
Learn web development, web design, tools like figma, adobe XD and more without getting bored!
Tutorials on:
-HTML
-CSS
-Javascript
-Bootstrap
-Figma
-UI/UX Design
-WordPress
For any business inquiry: sofiullahc@gmail.com
Tutorials on:
-HTML
-CSS
-Javascript
-Bootstrap
-Figma
-UI/UX Design
-WordPress
For any business inquiry: sofiullahc@gmail.com
Notifications Page | Frontend Mentor Challenge | Day 14
This is the 14th frontend mentor challenge we are going to cover. Today we will create a Notifications Page from scratch based on the design provided by frontend mentor. We will be using HTML, CSS, and JS.
Learn Flexbox in just 13 minutes:
-ua-cam.com/video/C_04AjhOwg8/v-deo.html
👉Courses:
- Learn Bootstrap 5 from Scratch:
www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE
- How to Sell on Envato Themeforest:
www.udemy.com/course/sell-on-envato-themeforest/?referralCode=C129143D12E31D83E154
💥Codepen Link:
codepen.io/iamsofiullah/pen/VwBMWdx
✨15 Days of Frontend Mentor Challenges Playlist Link:
ua-cam.com/play/PLc.html...
👉Frontend Mentor Challanges:
www.frontendmentor.io/challenges
⏱ Timestamps:
2:26 Starting Up
20:32 HTML
5:56 CSS
40:30 Responsiveness
46:16 JS
🔗Connect With Me:
🌎Website: www.sofiullah.com
Social:
Twitter: mrcoderyt
Facebook: mrcoderyt
👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤
Keywords: notifications page component, notifications pagecomponent solution, notifications page component codepen, frontend mentor challenge, front end mentor, web design challenge
#mrcoder #challenges
Learn Flexbox in just 13 minutes:
-ua-cam.com/video/C_04AjhOwg8/v-deo.html
👉Courses:
- Learn Bootstrap 5 from Scratch:
www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE
- How to Sell on Envato Themeforest:
www.udemy.com/course/sell-on-envato-themeforest/?referralCode=C129143D12E31D83E154
💥Codepen Link:
codepen.io/iamsofiullah/pen/VwBMWdx
✨15 Days of Frontend Mentor Challenges Playlist Link:
ua-cam.com/play/PLc.html...
👉Frontend Mentor Challanges:
www.frontendmentor.io/challenges
⏱ Timestamps:
2:26 Starting Up
20:32 HTML
5:56 CSS
40:30 Responsiveness
46:16 JS
🔗Connect With Me:
🌎Website: www.sofiullah.com
Social:
Twitter: mrcoderyt
Facebook: mrcoderyt
👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤
Keywords: notifications page component, notifications pagecomponent solution, notifications page component codepen, frontend mentor challenge, front end mentor, web design challenge
#mrcoder #challenges
Переглядів: 3 783
Відео
Product Preview Card Component | Frontend Mentor Challenge | Day 13
Переглядів 14 тис.2 роки тому
This is the 13th frontend mentor challenge we are going to cover. Today we will create a product preview card component from scratch based on the design provided by frontend mentor. We will be using HTML, CSS, JS, and an API for this project. 👉Courses: - Learn Bootstrap 5 from Scratch: www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE - How to Sell on Envato Th...
Auto Typing Text Effect with ONLY HTML & CSS | Super Easy 🔥 | (With Source Codes)
Переглядів 22 тис.2 роки тому
In this video, we are going to create a typing text effect with only HTML and CSS. We are not going to use any javascript codes here. This animation will have a nice typewriter effect. If you want to learn cool CSS animation effects, then this video is for you! 👉Courses: - Learn Bootstrap 5 from Scratch: www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE - How t...
Advice Generator App | Frontend Mentor Challenge | Day 12
Переглядів 2,7 тис.2 роки тому
This is the 12th frontend mentor challenge we are going to cover. Today we will create an advice generator app from scratch based on the design provided by frontend mentor. We will be using HTML, CSS, JS, and an API for this project. 👉Courses: - Learn Bootstrap 5 from Scratch: www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE - How to Sell on Envato Themeforest...
QR Code Component | Frontend Mentor Challenge | Day 11
Переглядів 19 тис.2 роки тому
This is the 11th frontend mentor challenge we are going to cover. Today we will convert the design of a QR Code Component into responsive HTML, CSS. 👉Courses: - Learn Bootstrap 5 from Scratch: www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE - How to Sell on Envato Themeforest: www.udemy.com/course/sell-on-envato-themeforest/?referralCode=C129143D12E31D83E154 ...
One Page Full Website Project For Practice | Make A Responsive Website Using HTML & CSS
Переглядів 4,4 тис.2 роки тому
In this video, we are going to create a responsive one page full website template from scratch. This project is best for practice if you are learning web development. We will see how to create a responsive website using HTML, CSS, and a little bit of JavaScript. Hope you will like this video. You can see and download the source code on Github. You will find the link down below. 👉Courses: - Lear...
NFT Preview Card Component | Frontend Mentor Challenge | Day 10
Переглядів 8 тис.2 роки тому
This is the 10th frontend mentor challenge we are going to cover. Today we will convert the design of an NFT preview card component into responsive HTML, CSS. 👉Courses: - Learn Bootstrap 5 from Scratch: www.udemy.com/course/complete-guide-to-bootstrap/?referralCode=C33D50A3EFA30E6CC6CE - How to Sell on Envato Themeforest: www.udemy.com/course/sell-on-envato-themeforest/?referralCode=C129143D12E...
PHP Include and Require | PHP Tutorial for Beginners #13
Переглядів 1262 роки тому
In this video, we are going to learn about the PHP include and require. PHP allows us to create various elements and functions, which are used several times in many pages. It takes much time to script these functions in multiple pages. Therefore, we should use the concept of file inclusion that helps to include files in various programs and saves the effort of writing code multiple times. PHP a...
PHP Do While Loop | PHP Tutorial for Beginners #12
Переглядів 1793 роки тому
In this video, we are going to learn about the PHP do while loop can be used to traverse a set of code like PHP while loop. The PHP do while loop is guaranteed to run at least once. The PHP do-while loop is used to execute a set of code of the program several times. If you have to execute the loop at least once and the number of iterations is not even fixed, it is recommended to use the do-whil...
PHP While Loop | PHP Tutorial for Beginners #11
Переглядів 1023 роки тому
In this video, we are going to learn about the PHP while loop. PHP while loop can be used to traverse a set of code like for loop. The while loop executes a block of code repeatedly until the condition is FALSE. Once the condition gets FALSE, it exits from the body of loop. The while loop is also called an Entry control loop because the condition is checked before entering the loop body. This m...
PHP Foreach Loop in PHP | PHP Tutorial for Beginners #10
Переглядів 2283 роки тому
In this video, we are going to learn about the PHP foreach loop. PHP foreach loop is used to traverse the array elements. It works only on array and object. It will issue an error if you try to use it with the variables of different datatype. The foreach loop works on elements basis rather than index. It provides an easiest way to iterate the elements of an array. In this series, we are going t...
PHP For Loop | PHP Tutorial for Beginners #9
Переглядів 2063 роки тому
In this video, we are going to learn about the PHP for loop. PHP for loop is used to loop through a block of code a specified number of times. If the number of iteration is known, then we should use the for loop. But if it's unknown, we should use the while loop in PHP. In this series, we are going to learn the basics of PHP from scratch. I designed this PHP tutorial series for absolute beginne...
Operators in PHP | PHP Tutorial for Beginners #8
Переглядів 1283 роки тому
In this video, we are going to learn the PHP Operators. PHP operators are used to perform operations on variables or values. There are different types of operators in PHP like arithmetic operators, assignment operators, comparison operators, increment/decrement operators, logical operators, string operators, etc. We are going to learn the PHP operators with example. In this series, we are going...
PHP Switch Statement | PHP Tutorial for Beginners #7
Переглядів 1193 роки тому
In this video, we are going to learn the PHP Switch Statement. The PHP switch statement is kind of the alternative of if-elseif-else statement. It helps us to write more readable code and makes the process easy. In this series, we are going to learn the basics of PHP from scratch. I designed this PHP tutorial series for absolute beginners. If you are interested in learning PHP but know nothing,...
PHP Ternary Operator | PHP Tutorial for Beginners #6
Переглядів 1943 роки тому
In this video, we are going to learn the PHP ternary operator. Php ternary operator is kind of the shorthand method of if else statement. It helps us to write more readable code. In this series, we are going to learn the basics of PHP from scratch. I designed this PHP tutorial series for absolute beginners. If you are interested in learning PHP but know nothing, then you are in the right place....
PHP If Else Statement | PHP Tutorial for Beginners #5
Переглядів 873 роки тому
PHP If Else Statement | PHP Tutorial for Beginners #5
PHP Constants | PHP Tutorial for Beginners #4
Переглядів 753 роки тому
PHP Constants | PHP Tutorial for Beginners #4
PHP Data Types | PHP Tutorial for Beginners #3
Переглядів 1293 роки тому
PHP Data Types | PHP Tutorial for Beginners #3
Create A BMI Calculator with JavaScript to Measure Your Body Mass Index (BMI) 🔥
Переглядів 11 тис.3 роки тому
Create A BMI Calculator with JavaScript to Measure Your Body Mass Index (BMI) 🔥
PHP Variables & Scopes | PHP Tutorial for Beginners #2
Переглядів 1243 роки тому
PHP Variables & Scopes | PHP Tutorial for Beginners #2
Introduction to PHP & Getting Started | PHP Tutorial for Beginners #1
Переглядів 3473 роки тому
Introduction to PHP & Getting Started | PHP Tutorial for Beginners #1
Web Design in Figma | Designing A Website for My Bootstrap 5 Course | Speed Art
Переглядів 1,5 тис.3 роки тому
Web Design in Figma | Designing A Website for My Bootstrap 5 Course | Speed Art
Responsive Pricing Component With Toggle | Frontend Mentor Challenge | Day 9
Переглядів 2,5 тис.3 роки тому
Responsive Pricing Component With Toggle | Frontend Mentor Challenge | Day 9
Four Card Feature Section | Frontend Mentor Challenge | Day 8
Переглядів 3,9 тис.3 роки тому
Four Card Feature Section | Frontend Mentor Challenge | Day 8
Huddle Landing Page Design with HTML and CSS | Frontend Mentor Challenge | Day 7
Переглядів 7 тис.3 роки тому
Huddle Landing Page Design with HTML and CSS | Frontend Mentor Challenge | Day 7
Single Price Grid Component | Frontend Mentor Challenges | Day 6
Переглядів 2,6 тис.3 роки тому
Single Price Grid Component | Frontend Mentor Challenges | Day 6
Interactive Pricing Component with HTML, CSS & JS | Frontend Mentor Challenge | Day 5
Переглядів 3,9 тис.3 роки тому
Interactive Pricing Component with HTML, CSS & JS | Frontend Mentor Challenge | Day 5
Profile Card Component | Frontend Mentor Challenge | Day 4
Переглядів 10 тис.3 роки тому
Profile Card Component | Frontend Mentor Challenge | Day 4
3-Column Preview Card Component | Frontend Mentor Challenge | Day 3
Переглядів 8 тис.3 роки тому
3-Column Preview Card Component | Frontend Mentor Challenge | Day 3
Stats Preview Card Component | Frontend Mentor Challenge | Day 2
Переглядів 14 тис.3 роки тому
Stats Preview Card Component | Frontend Mentor Challenge | Day 2
You are an amazing teacher 🎉
Done!
Hi, i did all like u did but show me error can u help me, this just work if i public?
I too have been fighting to find a way to send mail through my site. It's been hours of searching over many days but now that search is over. Your video was great and got me finally up and running. THANK YOU!!
Excellent tutorial! thank you!
thank you for the video! how would you make the animation to stop when the whole sentence has been typed? thanks
Thanks for the video.. I'm such a noob when it comes to back end lol the font in your IDE is a bit hard to read for me though.
Best tutorial for this topic. Thank you very much!
What theme is this?
Bro, a question... Why didn't you use html semantics, I saw a videos that said to use them because they have descriptions instead of a div because a div doesn't have a description.... What are your thoughts on this?? I'm also open to hear any other person's thoughts on it.
Sir can you do a video how to send mail using only xampp with Gmail smtp
Wow, great walkthrough! I have to agree with @shapesii from 2 years ago. I wasn't expecting much, and came away very impressed. :)
Thanks!
Excellent tutorial with speak is fine. Thanks from bottom of my heart.
Please show at the beginning what the end product will be so we know if it is the right thing for us.
great video
why favicon hidden after use smooth scrollbar?
Thank you.
my stat box is not laying out like it should be in the video it is still all onto of each other anyone know a fix?
likely you havnt linked the css file.
Thanks. All I needed was how to get the font family 🚀🚀
My brother I would like to thank you for helping me at the beginning stages of my coding journey. You are literally carrying me and my learning right now. Greatly appreciated. Please do not stop making videos. You are really helping us beginners.
very nice!
awesome video and easy one
thank you bor🥺🥺🥺🥺
Great instructions and demo!
i have a website through which i send a mail to the user. the email address through which i am sending the email i want to change this email
how can i upload in xampp server?
Can we do this one using flex box instead of grid?
Thanks
Nice to meet you, beginners friendly teach 🎉
nys bro
THANKS for your work,what theme you use in vscode
Please tell me the name of your VS Code theme, I'm literally searching it.
after 4 months i couldnt manage this. i quit coding
Hi is it safe? from hacking? Thanks alot
Thanks for your help and explanation!
It was very helpful. Thank you!
Great tutorial ✅✅✅
Bro osm🎉
I get a 405 error even after using the same code and steps. Any thoughts?
Great Content 👍👍👍👍👍👍👍👍
thank you!! simple and to the point. I'm still overly complicating everything and making my life more difficult when doing these projects.
scam, dont recevied email fvck
Google blocks it anyway.
Useful video. As a backend developer I suffer when building something with css. Your video is helping me. I have done 2 projects from frontend mentor so far. I will continue.
dam i thought developer jobs you need to be good in all...so you are telling me i can get job just as backend without knowing css?
Awesome as always - l learned a lot here exp regarding img overlay and found it very useful.
It's working but didn't receive any email on the receiver(email inbox or spam)
I have the same problem here as well. Wonder why it's not working.
Can you please provide the video for attaching a file to mail with same contact form
Please support me bro
Hii
Attachment 📎 please 😢