Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners

Thanks so much for working with me on this video course! Hope it's helpful to people :D

Amazing video. Nowhere near done yet but I’m sure will be a great template for the project I’m working on. More of a back-end dev so your approach with functions and mixins seems like a totally sensible approach to me.

installed all the gulp packages.... 6 high severity vulnerabilities. yikes

the music is very disturbing

Do I have to take this course after Dave Gray's Html and Css?

ive dived with you and forgot that the one with screen reader cannot differentiate between dark or light mode :| (not all of them)

Informative video. Thanks for sharing 👍

build a "SIMPLE" website, in 7 hours... tf?

This is awesome seeing you work through real world problems in real time and not running some canned presentation that has been de-bugged. Good job Jess and strong work.

This is NOT a beginner “simple” workflow, she’s using advanced css and dependencies

You look so beautiful
❤❤❤

Please make an update if you added animals to it 🙏

Shall I have basics on Html and CSS to understand the video?

Thank Your But this Course Not For Begunners

Thought it would be a good practice building a website with js for a beginner I didn't know I need to learn Sass as well 😕 Appreciate the work though

I would recommend to use the gap property for spacing div elements :) agree?

i really like her real no nonsense way of teaching. shes really straight to the point and legit. i also really like the chill and relaxed style paired with the chill lofi music. super nice. too many tutorials hurt my ears and head just based on their style lol this one is chill tho. im an hour in and i really appreciate the slow pace as well. I don't know anything about web dev except what html, css, and javascript are. I've done game dev before tho. so the slow pace is really nice. i pause and look things up when she mentions things I dont understand

I can’t wait to watch this. Ok I’m gonna go to bed so I can watch this

In the gulp file where you are importing sass, write
const sass = require('gulp-sass')(require('dart-sass')); instead of
const sass = require(gulp-sass)(require('sass')
then everything will work like you set up in the beginning, and no need to install sass and the math library

Looks different and time consuming to search the web for researching a project now that chatGPT is here.

Developer: “No developer knows everything”

*ChatGpt has now entered the conversation*😂😂😂😂

Thanks so much

Good morning! Jessisca, am on 1:2.53, trying to get the gulp file running, but everytime i try to compile the sass file using GULP, i get this ERROR CODE: PS C:\Users\paws0\OneDrive\Documents\GitHub\FEM-DKLT-TOGGLE> gulp
ReferenceError: globalThis is not defined, do you know how i can fix this error? your assistance will be highly appreciated. thank you.

had fun trying out this project and understanding a developer's workflow. The resources introduced in this video will be surely helpful in the future. Thank you again @freeCodeCamp and @CoderCoder for the guide!

After working on it little by little every day I finally finished! Had a lot of fun and learned a lot on the way. Not the biggest fan of SCSS but always good to learn new things!

Please can I get your email

Great tutorial for beginners, myself being one😅, thanks a lot!
I have a doubt though, you haven't considered users with their OS theme set to custom, instead of Light or Dark🤔.

i really enjoyed

hello thanks for this wonderfull cource but i coudn't install gulp and im confues about it .can enyone help me?

HELP NEEDED !!!!!
when light color is selected in my window then site is not loading the default state when I check everything is good but its taking the background color style from prefers-color-scheme: dark, what might be the reason anyone knows?

fake title

Coder Coder can you help me with my website?

Great

shes confident

i have a problem when i used the npm command ! how i fix it!!!

Hello and thanks for the demo.
Current status of npm issue is: 11 vulnerabilities (3 high, 8 critical)
What can we do with it now?

jk

is it just me that jumped some parts

mam
can you send me the notes above this

man simple website in 7+ hours 🥲🥲

Thank you a lot - the most valuable thing in such a lesson that you can see real-time develpment process - to see different difficulties and how they are resolved. Not even so much the solutions themselves, but what their search looks like. It's just great!

I'm just studying the frontend now, but let me make a couple of observations.

Regarding the toggle - I rather percept it as a regular button (press to activate dark mode, and press to deactivate) - like a button on a flashlight. In the radiobutton case it must be two visible labels here without any options. And if its a button - the button label have to do the same work - activate/deactivate the dark mode - is the most logical behavior of this element on the page. So I implemented it this way - it could be a <span> inside <button> pushed outside by "position: relative" or it could be a <lable> for <button> - that's simplier to stylize.

In JS it seems to be better realization it you keep and pay attention whether the user has ever changed the color theme mannually or not: if yes - in the future we ignore the system settings, if not - we always follow the operating system.

Also it seems for me that every card in the page should be not just <div>, but rather a link - if it's hoverable - it's for sure clickable and also have to be navigated by tab (replacing <div> by <a> is a better decistion then inject "tabindex" into every div manually).

Thanks again for such a valuable video tutorial!

You are so cute and sweet. thank you for having awareness and zooming in so we can actually see unlike everyone else

the UI is crazy