Coding walkthrough: building a website w/ HTML, SCSS, JS

[@joshuatealeaves]

For anyone new to coding, this channel played a huge part in me landing my first remote gig. Watch all her videos & take notes 🤝

[@TheCoderCoder]

That's awesome, congrats!! Glad my videos could help you, and thanks for the kind words

[@strudast]

I just wanted to thank you. about two years ago I started learning coding, your videos, your energy, your mentoring, your coding style, inspired me and kept me company on my journey till now. I now work as a junior front end developer. big thanks to you ! you are amazing

[@TheCoderCoder]

That's incredible, congratulations!!! I'm glad my videos could help you along the way 🔥

[@coolyoutubeluke]

This channel is a part of the secret sauce guys. The best guides out there.

[@calamitymike0]

Ahh a new Coder Coder video, the perfect way to kick back and wind down for the day 🙂

[@hekermen6969]

just started web development journey been about a month or so. This video advanced and complex for me to understand anything but enjoyed watching it a lot. Thanks coder coder

[@itsnobledean9450]

I been on my web development journey since April of this year, and Coder Coder played a huge role in my attaining and understanding many of the core concepts. I know she has a course coming out. I hope her great success. I've grown, and learned JavaScript, and now I'm learning Node.js. If it weren't for her, I'd probably still be trying to understand git/github, css, media queries, gulp, npm, etc. I find myself going back to videos of hers I've already seen, and I feel like there is still information for me to learn. I hope her great success.

[@TheCoderCoder]

Thank you, that's incredibly kind of you to say! I'm so glad my videos have been able to help you on you web dev journey.

[@fromagetriste]

are you learning Node.js without a front-end framework ?

[@itsnobledean9450]

@@TheCoderCoder they’ve not only been able to help me, but they’ve been able to propel me to the next level in my goal of making web development my career. Thank you for your continued passion!

[@mavericktamizha6837]

You have no idea how hard im trying to find your page for the past week as i forgot you channel name, finally found it 😇

[@amirajmal3557]

I've always loved the structure and editing of your videos. I'm on my coding journey now as well. Joined a Malaysian government sponsored bootcamp and now I'm trying to get secure myself an on-the-job training with a company. I have an interview this coming Tuesday. Thanks Coder Coder for everything. Followed you since day one, even before I decided to start on this journey.

[@TheCoderCoder]

Best of luck with your interview, and I'm glad my videos have helped you!

[@Neerozbhat]

Thanks for creating the video, Jess. You have inspired me to code more.

[@VinceM1000]

As always a great video. I already work in the field and credit Jessica (coder coder) to be a big influence in my education. Don’t think I would be where I am without this channel. Thank you.

[@TheCoderCoder]

Thanks so much for your kind words! The support is greatly appreciated

[@AbdulwahabSchnapp]

The best coder ever🙂

[@bonjovi1745]

asik ketemu channel baru lagi, bisa buat latihan bikin project, terimakasih

[@farzadbahadorifar1126]

Thanks a million for another awsome video, I can't find something like your tutorial in any other video channels or courses.

[@jonathandajome690]

Amazing! Thank you :3

[@dgenerationx5220]

Please do a video on setting up a project

[@gauratammanihar]

Back in the game again

[@rpbale]

Love your videos. At 8:48 you mentioned solving the rem() function issue. I have that issue too. What did you do? Will you make a video on this work around? Thanks

[@TheCoderCoder]

Sorry, I don't remember what workaround I talked about 😅 The timestamp you linked doesn't seem to mention the rem() function, maybe it's somewhere else?

[@buttercakeluv]

good one !

[@sohailansari3106]

Hello, I hope you are well. I learned a lot from your videos and get guidence. recently I started to learn 7-1 architecture in sass. please make video on 7-1 architecture in sass. I read the documentation of it, but I am getting confused while implementing it.

[@TheCoderCoder]

Thanks for mentioning 7-1. I haven't really used it but I'll have to check into that!

[@sohailansari3106]

@@TheCoderCoder I have a question, I saw sometimes people use scss variable for colors or create css variables from scss map. What's best option for using colors? (please add this topic in your future video) Thanks for replying me, I am feeling very glad. Your career story inspired me alot 😊.

[@TheCoderCoder]

I personally would use CSS custom properties (variables) for most things. I would use Sass variables for variables in media queries like how I did in this video. Because you can't use CSS variables in media queries. But other people may have other ways of choosing variables. Hope this helps!

[@2ru2pacFan]

Can you do the same but using Tailwind please?

[@manelslama4743]

Thank you

[@grapy83]

Our vids are always welcome 🤗

[@abdulmalikzihad3542]

regarding the scss @use to different files it doesn't work my case. have you done any additional configaration. I am using on my nextjs project.

[@TheCoderCoder]

sorry, I don't use Next JS, so I'm not sure what would be causing your issue

[@zdravkobelinski4627]

are we supposed to do this as junior devs? i know the times change but now employers have higher requirements for like the same salary like 30k while you can earn the same money in amazon packing boxes and its sad. Not to mention the L3 leadership will earn 18.50 from april :/

[@dfrank2044]

I think plumber had good salaries too.

[@TheCoderCoder]

This is probably more senior level, tbh

[@zdravkobelinski4627]

@@TheCoderCoder i try not to focus on money anymore, thats why i work only two days and the rest i stay at home and try to study webdev, but i always feel specific pain when i compare these two. I think you should mention or make another video at least to show what juniors or entry level people should do. Or at least maybe one time how you do code for github for these ones which we are supposed to work for free, I have github but have never tried.

[@TheCoderCoder]

@@zdravkobelinski4627 I do have a video on my channel on Git and GitHub for Beginners, altho I'm not sure that's what you're looking for?

[@zdravkobelinski4627]

@@TheCoderCoder i wanted to say many youtubers say we should contribute code for free in github for some companies. It is some sort to say that you have contributed or have some experience, that you have done some practical job for someone. I havent done it myself so i cannot explain it precisely, but from my understanding some companies need code for something and you can upload your version for free and then say "I have contributed to this project". I do course on Udemy and now am on Node.js and it makes me cry the same when i met javascript so i will watch your video of node and try to understand. If you have time, i have question, why we need node, if we lets say we write our javascript code in .js file, and then if we need server, we can just upload the js file, why do we need node exactly for? tutorial says its the same as the browser dev tool, but if i need to test my code, i can find out why because vs code will give error or smth, pls explain me why we need node

[@williamklaiwonpen2095]

Hello I'm William. So Is it necessary to make website in landscape responsive ?

[@margosdesarian]

I have been web coding professionally for 24 years and was full stack until about 2013, when i stopped doing front end and just focussed on backend stuff, so i am pretty out of touch with todays common practice. One of the things that i used to do when i was a front ender was not put in classes when i did not need to - so for instance in your html page you have a section class="blog" - I would not put any classes on any of the elements inside that unless I had to - everything else would be set in the style inheritance rules. e.g. section.blog article {} section.blog article div {} section.blog article h3{} . This very verbose way of doing things seems to me to be clumsy and wasteful. Im not trying to be critical, its just that the way i learned was that "less is more". Is this very verbose approach so that its easier to stop unnecessary inheritance when the styles pile up? And before i get flamed by other users - YOU NEVER HAD TO DEAL WITH IE 4.5 for the mac so STFU!

[@TheCoderCoder]

I'd check out the BEM approach to writing styles-- it's what I follow and doesn't cause style conflicts as each element has a unique name. But feel free to follow whatever works for you!

[@shahzadsheikh1459]

which software you use for screen recording

[@amitgoswami4645]

which theme you are using in your vscode ? i like your vscode theme. can you please tell me the name ?

[@TheCoderCoder]

Thanks! It's one I made myself, Coder Coder Dark-- you can search it on the VS Code Marketplace or it's also linked in the description

[@amitgoswami4645]

@@TheCoderCoder thank you very much .

[@arshad1781]

Nice

[@harunjonuzi]

Can you please provided a normal speed version 😭, there are so many good tips to learn, I keep pausing each second 🤣

[@TheCoderCoder]

I have the full video on my second channel, linked in the description!

Full 5 hours video please.

[@TheCoderCoder]

It's on my second channel, linked in the description!

[@sakarpathak8704]

❤

[@livelife56664]

It's too fast. Can you upload the full video?

[@TheCoderCoder]

linked in the description!

[@preggah]

😭 thanks kaa

[@MohammadSamiulHaqueZarif]

Hi, I like the 1 hour playlist you posted a year ago. Can you post half an hour? Cuz I do deep work, and for this session 1 hour is not enough for me... yes I do listen from other people's playlist but becuz i admire u...can u make one?

[@TheCoderCoder]

Oh, you mean the "code with me" video? Did you want it to be half an hour or 1.5 hrs?

[@MohammadSamiulHaqueZarif]

@@TheCoderCoder yes yes

[@syakhiskk]

People should watch your videos first before jumping into JS frameworks

[@AlThePal78]

I love your videos but 2 videos in a row you use --color vs $color why is that. I am asking because I have no clue why you would want that. I am still learning css with scss and can't figure out why people do that if they can use $color-white. I am use $ every time but might need to figure out why a lot of people do it your way

[@AlThePal78]

this is to fast

[@curotar]

Css custom properties (aka -- variables) can be changed via JS and scss variables caannot

[@ketankbc]

i would like to meet you in person... you are amazing

[@sfdsdfsdfsdfful]

Has there been a real decline in the popularity of programming over all? I would have expected way more views on these types of videos?

[@abdelrahmanmohamed4990]

I just love you, but I don't know what scss is. Tho I'm gonna see the vid anyway.

[@cookinginreallife763]

Figma balls