Discover ways to construct a responsive web site from scratch with HTML, CSS, and JavaScript.
✏️ This course was created by Jessica Chan.
🔗 Jessica’s YouTube Channel: https://www.youtube.com/thecodercoder
🔗 Jessica’s Twitter: https://twitter.com/thecodercoder
💻 Starter information from Fontend Mentor: https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN
💻 Supply code on GitHub: https://github.com/thecodercoder/fem-easybank
🔗 Responsive Design for Inexperienced persons course: https://coder-coder.com/responsive/
⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (0:30) Half 1: Setup and Navigation Bar
⌨️ (49:52) Half 2: Animated Hamburger Menu
⌨️ (1:21:28) Half 3: Animated Cellular Menu
⌨️ (1:43:56) Half 4: Responsive Hero
⌨️ (2:39:24) Half 5: 4-Column Options (flexbox)
⌨️ (3:16:58) Half 6: 4-Column Articles (CSS grid)
⌨️ (4:04:56) Half 7: Footer
—
Study to code without cost and get a developer job: https://www.freecodecamp.org
Learn tons of of articles on programming: https://freecodecamp.org/information
And subscribe for brand spanking new movies on know-how day-after-day: https://youtube.com/subscription_center?add_user=freecodecamp
source
If anyone is wondering why your <p> text looks strange at around the @ the 2:01:13 time frame, it's because she changes the '_globals.scss' file's body from "font-size: $font-med" —-> "font-size: $font-sm'", but it doesn't show it for more than a few frames of the video. Took me ages to figure out why my design didn't line up with hers.
https://www.youtube.com/watch?v=lS9B5PkOKr0 beautiful portfolio website design using html and css with free source code
thanks for the video….its amazing
i have seen the thumbnail photo and one person came to my mind that is smriti mandhana you look some what like her 😛
Proving knowledge through transferable skill platform… Cool!! ☝😁
12:36 tk
do this in react or vue js
Hi Jessica. I have looked at many vidios on html and I mush say that you deliver the best I have seen, easy to understand and follow. Thank you.
please, tell me what's this vs code theme, it's beautiful
Sorry but did not like the presentation
@_@ shite, i thought it would be easier.
It just amazing. Greetings from Turkey lovely lady >3
You are a great educator. I love all your videos.
when did SMRITI MANDHANA start teaching CS???
Jesus Christ is the Way, the Truth, the Life. No one comes to the Father except through Him. There is no other intermediary. May Jesus Bless you, trust Him, give your life – and He will take care of it :pray Convert yourself and believe in the Gospel;;''''
Why use SCSS instead of CSS is don't see any logic?
can someone explain the purpose of the dist/ folder? and where its located?or how to customize it? I'm trying to find answers on google but nothing pops up.
Wow, you got talent.
Thank you a lot, I could get practice on how to use CSS/SCSS through this footage.
SHE IS CRAZY BROTHER
absolutly amazing….
Thanks <3
عالی بود
کلا انگلیسی نمیفمم😂 ولی خیلی چیزا یاد گرفتم
مرسی🔥💞
thank u
why my menu is floating to the right? How to center it?
i don't understand a thing
i just finished it thnx it was so helpful and fun.
Are you planning for react playlist?
You look like Smriti mandhana
at 22:33 it doesn't respond to _globals.scss and _header.scss. nothing happend . can you help
?
You have not made a mobile ecommerce template?
Can you please tell why you didnt use fontawesome or any svg icon for hamburger menu ?
Hello,
Any updates on when your responsive course will be released?
Thank you.
Thanks for the awesome content! Learned a lot here.
what app is she using for viewing and measuring the design layout?
What is that theme ? Can you guys tell me ?
I love this girl
Mam you're the best. I subbed to your channel coder coder to learn more!
For those who are new to SASS like me this video is a must(Learn Sass In 20 Minutes by Dev Ed): https://youtu.be/Zz6eOVaaelI
Hi! Any video to configure the sass compiled to css as presented in the video?
it was possible not to use keyframes, but simply write visibility: hidden / opacity: 0
awesome job, thank you so much took me like a week to complete 🙁 was kinda hard to follow you at times but I loved this little project and I got too learn some neat things as well
const body = document.querySelector('body');
bruh
const body = document.body ??
This isn't a "full course" or a course at all, it's just a not sexy at all girl working while saying out loud what she's doing. You can follow everything she does and arrive to the same product but that doesn't mean you're learning anything.
37:55 heheh