Monday 27/06/22 I started my 12 Weeks journey to become Web developer starting with this video, I will be learning to code for 4h everyday for 3months and hopefully by then, I would be a confident web dev... I am documenting my journey on my youtube channel. Good Luck everyone👍🏽 we can do it.
Eternal newbie here. This is one of the clearest process productions I've encountered. Easy to code along, sraight forward development, well planned and great result. Good Job! Thanks!
2 tips for everyone watching: 1. If you are struggling to keep up, watch at 0.5x speed. 2. If you are getting a favicon 404 error in the beginning when running "live-server .", put this next line in the head section of your index.html file
Thanks Julio and FreeCodeCamp, this video was awesome. I do feel like you might shoot through content a little fast, since I'm still relatively new I like to save and have a good look at the effects of styles fairly regularly, and I found myself just frantically banging out bigger than normal blocks of code as I was trying to code along, so there was A LOT of pausing to catch up! Anyway I really appreciate the effort you go to to create content like this, I'm looking forward to watching more of your videos!
I've only watched 20 minutes of this but I can already see that this is one of the best tutorials of its kind. Thanks Julio. Your channel will soon be massive with your skills.
Thanks. I hope there are more explanations on the structure and organisation of the numerous classes and rationale behind them instead of just reading what you are coding.
Good job. I do feel like you go a bit too fast. Even though I could pause there is often not enough time to grab my remote and pause the video to the spot that I need. Suggestion. When finished with a part (like all of the anchor tag styles) pause for a few seconds before moving on.
Julio Codes didn't make the website mobile responsive, most mobile are 320px to 480px, he started media queries from 700px, wanted to compare his GitHub repo to the video's project, it's not available. Anyways, I made it responsive for mobile and a couple of other things I even loved it more, because of the incompleteness of the project, it made me rack my brains I love that.
hey, thanks a lot for the content. It was excellent as an extra, like adding news and articles information but using the 'json' endpoint. Thank you very much
Excellent content so far, thoroughly enjoying it (~30mins in), but my only advice would be to slow down a bit to allow people who code along to check if they've written the code right and check it works as yours does. Sure, we can pause the video, but there's almost no breaks and it's hard for a relative newbie to follow along and see exactly what changes the code is making to the page. I have an issue currently where mine doesn't quite look the same and I can't really tell at what point the error may have been made because any reference points feel swept over a little. Just my two cents of course, I just feel like a couple of things need to be slowed down and explained a little more... or perhaps I just need more coffee instead!!
How would you make this website more dynamic? I have built a similar blog-like website but when publishing a new post, I don't want to create a separate html file and edit the index all the time. Is there some way to do that more easily?
Thank you very much for sharing, I'm currently working in Stanley Black and Decker in Customer Service, and I'm studying Software Engineer and I am practicing with this. THank you very much. by the way, what is the name of the Theme you are using in your VSC? Thank you.
Great project. The blog has an awesome look and feel. Now I am eager to learn the backend development aspects of such a project so I can host my own full-stack blog with streamlined updating processes that are similar to WordPress in functionality.
Very helpful. However, I've tried using this template but the JavaScript isn't responding. I've been trying to figure out where I made an error/mistake. I'm still confused yet. Please, help
Hello , thanks for your efforts can i translate this into my language and publish it not on youtube while keeping credits to your channels since most learners in my country can’t understand english
Thanks Beau, it was a great tutorial, I learn a lot!! And thanks FreeCodeCamp for this content, I hope a I can participate making a tutorial in the future
why did I get "main.js:23 Uncaught TypeError: Cannot read properties of undefined (reading 'toggle') at HTMLButtonElement.toggleMenu (main.js:23:26)"? Ca someone explain it to me?
My students are completing this project, and some of their images are behaving in a way they did not expect. When resizing the browser window, the image zooms in rather than resizing the image. The container changes size but not the image. I've looked through the code and I'm not seeing any glaring issues that would cause this. Any suggestions?
Really good content, nicely explained for beginner to intermediate levels, love it! There's just one thing I can explain/understand. In the swiper, when you are on the first slide, if you try to go left, it seems to direct you on the index.html samg when you try to go right when you are on the last slide. I can't seem to find any anchor for this so I guess it's in the js part but care to explain why/how to fix it so it just blocks and you can't go back if you're already at the end ?
I have no idea why the toggle icons doesn't work at all after doing it's javascript function. all in all i hope i can figure it out, because i tried copy and pasting the completed file just to see if it's gonna work with the finished code version and it still didn't as well.
I'm trying to figure it out the starter archives, but it's not clear to me how, with just those files, he could create those moon, sun, search etc, buttons....
41:43 I keep experiencing undefined error when adding the window.addEventListener(), has anyone else experienced this? I've even tried copying the code straight from the GitHub repository and still getting the same error. Would appreciate any feedback or suggestions. Thanks in advance!
The good thing about the tutorial is that it starts mobile-first. The bad thing about this tutorial is that it only explains how to scale it up to larger screens in the last 20 minutes. That's not ideal for beginners.
Has anyone had problems in the "Quick read" section? 1:29:20 To me the image breaks when I put absolute position and the anchor tag parent has relative position and it doesn't appear like in the video
--can you stop for half a second before using autocomplete? i want to copy your emmet snippets but now i have to find the right frame using , and .-- nvm i was watching at 1.5 speed
ive been seeing many comments how they read ppls mind about videos they wanted and just after that i thought that why don't they have a blog sir tutorial now this
Please make a video algorithms with example of video viral + like + comments and also machine Learning apliment comment by human language recognize what a write in comment . Please make a special video I am finding this type video but never find even in RUclips or Google . Good example like Instagram home page Virals . Facebook viral . What algorithms are used in backend .
I wasted so much time having to rewind and pause at just the right moment.. I swear, if you worked on your presentation and gave a pause before hitting tab, enter or scrolling this would be so much easier to follow. The coding is great, and I'm learning, but this video isn't dyslexic accessible. It's so difficult keeping up without having to rewind ever 5 seconds.
I'm not dyslexic (ADHD) and I'm struggling with the same issue. It's not just with this person. I notice it with a lot of tutorials and the boot camp I did.
Thanks, Beau, it was a pleasure creating this course for the FreeCodeCamp community. I hope you all find it useful!
Thanks! Create backend part also please....
I don't know how to download the materials of this course and follow up with the tutorial😢🙏🙏🙏🙏
I really need help
Pls create back end and API
Monday 27/06/22 I started my 12 Weeks journey to become Web developer starting with this video, I will be learning to code for 4h everyday for 3months and hopefully by then, I would be a confident web dev... I am documenting my journey on my youtube channel.
Good Luck everyone👍🏽 we can do it.
Hi, Faatima. How's it going so far?
Update??🗿
Eternal newbie here. This is one of the clearest process productions I've encountered. Easy to code along, sraight forward development, well planned and great result. Good Job! Thanks!
This was a wonderful project, Julio! It took me 4 days to make it through, and I did , lol…. Cheers 💖!
took me exactly the same ma
2 tips for everyone watching:
1. If you are struggling to keep up, watch at 0.5x speed.
2. If you are getting a favicon 404 error in the beginning when running "live-server .", put this next line in the head section of your index.html file
This is very timely! I'm creating a personal site for bootcamp, and this will be a great feature!
Bro what is bootcamp
@@satyaranjan790 It's a popular way of becoming trained instead of attending a formal university program. Usually done in a few months!
Please share link once done, thanks
Thanks Julio and FreeCodeCamp, this video was awesome. I do feel like you might shoot through content a little fast, since I'm still relatively new I like to save and have a good look at the effects of styles fairly regularly, and I found myself just frantically banging out bigger than normal blocks of code as I was trying to code along, so there was A LOT of pausing to catch up! Anyway I really appreciate the effort you go to to create content like this, I'm looking forward to watching more of your videos!
I've only watched 20 minutes of this but I can already see that this is one of the best tutorials of its kind. Thanks Julio. Your channel will soon be massive with your skills.
Thank You FreeCodeCamp & Julio! I completed this tutorial, I´m going to continue doing the next projects that you have in your channel :)
This is beautiful Julio good job as always!
This is great! It helps me alot to learn html css and js.
Thank you so much!
Thanks. I hope there are more explanations on the structure and organisation of the numerous classes and rationale behind them instead of just reading what you are coding.
I really needed this after finishing fcc courses
Dude, I wish there was a tutorial to become a blockchain developer in Polkadot :) much love guys 😊👍🙏
Sir you are on fire 🔥🔥🔥 I can see before I complete one I would have a week stuff to learn.
Good job. I do feel like you go a bit too fast. Even though I could pause there is often not enough time to grab my remote and pause the video to the spot that I need. Suggestion. When finished with a part (like all of the anchor tag styles) pause for a few seconds before moving on.
Keep up the good work mate ❤️ and thank you alot FreeCodeCamp ❤️
Just finished the course today. Thank you a lot for this. It was wonderful
Julio Codes didn't make the website mobile responsive, most mobile are 320px to 480px, he started media queries from 700px, wanted to compare his GitHub repo to the video's project, it's not available.
Anyways, I made it responsive for mobile and a couple of other things
I even loved it more, because of the incompleteness of the project, it made me rack my brains
I love that.
another step towards my software developer journey! thanks freecodecamp!
hey, thanks a lot for the content. It was excellent as an extra, like adding news and articles information but using the 'json' endpoint. Thank you very much
Very informative and useful video on creating a blog using HTML & CSS... 👍
Thank you Freecodecamp for sharing this great tutorial.
Anybody know why JavaScript isn't being updated on the live server? , My html and CSS files are being updated but my JavaScript files aren't .
Thank you!
FreeCodeCamp doing God's work as always 🙏 🙌
Good job freecodecamp!!! Keep it up 🙂
Excellent content so far, thoroughly enjoying it (~30mins in), but my only advice would be to slow down a bit to allow people who code along to check if they've written the code right and check it works as yours does. Sure, we can pause the video, but there's almost no breaks and it's hard for a relative newbie to follow along and see exactly what changes the code is making to the page. I have an issue currently where mine doesn't quite look the same and I can't really tell at what point the error may have been made because any reference points feel swept over a little. Just my two cents of course, I just feel like a couple of things need to be slowed down and explained a little more... or perhaps I just need more coffee instead!!
Update: I found my error!
The course is pre-recorded and voiced over. I also like normal coded tutorial.
Thanks for the vlog web. I wanted it.
Thanks, very useful tutorial👌
Thank you so muchfor this course. I had many take aways from this.
I love it. Thank you soooo much for doing this video when I asked to do. Thanks a lot sir
Thanks for doing this video. It was a lot of fun.
Thank you Julio Codes. I am impressed.
How would you make this website more dynamic? I have built a similar blog-like website but when publishing a new post, I don't want to create a separate html file and edit the index all the time. Is there some way to do that more easily?
Thank you for the course , I enjoy it . Keep with the good work🥰🥰
Julio!?
I heard "Coolio" ho damn
Thank you & wish you all well 😃🌟✨🙌
15.03.2023 08:12 pm ist
The design is so clean.
Thank you very much for sharing, I'm currently working in Stanley Black and Decker in Customer Service, and I'm studying Software Engineer and I am practicing with this. THank you very much.
by the way, what is the name of the Theme you are using in your VSC?
Thank you.
Awesome! The theme is called Tokyo Night
A crash course about setting up react native with rnfirebase wpuld be really appreciated.
What a design 🙌
can follow these institutions to build my own website through watching this tutorials
Please make video for a java based project with database connectivity.... 🔥❤️❤️❤️
This is awesome
Pls add the back end and API
Great project. The blog has an awesome look and feel. Now I am eager to learn the backend development aspects of such a project so I can host my own full-stack blog with streamlined updating processes that are similar to WordPress in functionality.
Thank You Julia Codes and freeCodeCamp
wonderfull, a great content with execelent adivises and a very good taste desing!
The course was great but confusing. i wish you completed HTML skeleton first then start styling so we see the styles coming to life as you move.
Very helpful. However, I've tried using this template but the JavaScript isn't responding.
I've been trying to figure out where I made an error/mistake.
I'm still confused yet.
Please, help
Thanks for this project.
Hello , thanks for your efforts can i translate this into my language and publish it not on youtube while keeping credits to your channels since most learners in my country can’t understand english
Are there supposed to be multiple "Sign In" entries in the top right corner?
Thanks Beau, it was a great tutorial, I learn a lot!!
And thanks FreeCodeCamp for this content, I hope a I can participate making a tutorial in the future
This is awesome! Thank you!
Do you guys think Alphacode will replace programmers?
why did I get "main.js:23 Uncaught TypeError: Cannot read properties of undefined (reading 'toggle')
at HTMLButtonElement.toggleMenu (main.js:23:26)"? Ca someone explain it to me?
Yeah, I could try
What's exactly is your error?
My students are completing this project, and some of their images are behaving in a way they did not expect. When resizing the browser window, the image zooms in rather than resizing the image. The container changes size but not the image. I've looked through the code and I'm not seeing any glaring issues that would cause this. Any suggestions?
Excellent work as always 👍
I learn a lot, thanks
Hello, when I click on "go live" it opens in my browser, but not in visual studio code.
Can anybody help me? thanks a lot in advance
Really good content, nicely explained for beginner to intermediate levels, love it!
There's just one thing I can explain/understand. In the swiper, when you are on the first slide, if you try to go left, it seems to direct you on the index.html samg when you try to go right when you are on the last slide.
I can't seem to find any anchor for this so I guess it's in the js part but care to explain why/how to fix it so it just blocks and you can't go back if you're already at the end ?
Good Job. I'm learning now Angular and I'm still beginner. can I use some of what you did in Angular project?
Pure HTML&CSS is closer to the metal! 😂
Thank yo very much❤️!!!
Did we learn how to actually search and make a clickable search result?
Thanks for this
i liked the video but need more explanation about the css property and values.
where do you take those class names? and why they are so long
Going to make this in react.
I have no idea why the toggle icons doesn't work at all after doing it's javascript function. all in all i hope i can figure it out, because i tried copy and pasting the completed file just to see if it's gonna work with the finished code version and it still didn't as well.
Check your swiper-bundle file’s path.
Quick question, Which Vs code extension is he using to autocomplete the class names.
Emmet..pre-installed in vsc
Thanks.
What if I want to create a backend for html project, when post from backend it publish to frontend?
Nice
I'm trying to figure it out the starter archives, but it's not clear to me how, with just those files, he could create those moon, sun, search etc, buttons....
At 11:19 the icons aren't coming in my website what to do?
do a backflip
Excellent we want plugin lessons
@wHaTsApP✙❶❸❸❹❷❸❹❷❸❾❸
Hhhhhh you fake
Why didn't he (source) linked the icon? how come icons of search & moon appear just by inserting class in the tag?
thnks for this tutorial, but i want to ask to know where did you get the class names please ?
@wHaTsApP✙❶❸❸❹❷❸❹❷❸❾❸ ??
Very important video !
the css looks so organized and clean.. can anyone tell me if is it oocss,smacss,bem, etc?
41:43 I keep experiencing undefined error when adding the window.addEventListener(), has anyone else experienced this? I've even tried copying the code straight from the GitHub repository and still getting the same error. Would appreciate any feedback or suggestions. Thanks in advance!
same, did you end up with a solution? i know ill probly have to do my own troubleshooting but ive got hope- and also a need for a break today-
The good thing about the tutorial is that it starts mobile-first. The bad thing about this tutorial is that it only explains how to scale it up to larger screens in the last 20 minutes. That's not ideal for beginners.
Nowhere does it say it is for beginners...
Has anyone had problems in the "Quick read" section? 1:29:20
To me the image breaks when I put absolute position and the anchor tag parent has relative position and it doesn't appear like in the video
Fixed, I wrote a wrong class :)
Thank you Thank you!!!!
--can you stop for half a second before using autocomplete? i want to copy your emmet snippets but now i have to find the right frame using , and .-- nvm i was watching at 1.5 speed
apart form that its a great video.
7:21 there is a --beter-- easier way to do that, like this : ul.list>li.list-item*5>a[].list-link
10:40 div.list.list-right>button.btn.place-items-center#theme-toggle-btn>i.ri-sun-line.sun-icon+i.ri-moon-line.moon-icon
Do a part 2 showing how to make this a wordpress theme
where is the file bro? you re pretty good for ya stuff!
FINALLY!!
can someone explain where did these long class names are from...Iam a beginner and never heard of such big class names.
Thank you so much
I wanted to try this but it doesn't work to download the file...
Can I use this template for creating my blog?
sure
Is this project copyright or is it free to use?
@@julielmalo90 free
At his pase of coding , is this considered beginners level coding or mid level or senior level ??
The coding seems to be reflected sequentially in chrome, but which extension of VSCode do I need to install to make this happen?
I am using Live Preview, which updates instantly or Live Server which updates on save.
Thanks.
How did you write what you write in line 17
ive been seeing many comments how they read ppls mind about videos they wanted and just after that i thought that why don't they have a blog sir tutorial now this
@wHaTsApP✙❶❸❸❹❷❸❹❷❸❾❸ uhh scam?
2:57:39
thanks so much
Please make a video algorithms with example of video viral + like + comments and also machine Learning apliment comment by human language recognize what a write in comment . Please make a special video I am finding this type video but never find even in RUclips or Google . Good example like Instagram home page Virals . Facebook viral . What algorithms are used in backend .
preeety sure what they use is proprietary
I wasted so much time having to rewind and pause at just the right moment.. I swear, if you worked on your presentation and gave a pause before hitting tab, enter or scrolling this would be so much easier to follow.
The coding is great, and I'm learning, but this video isn't dyslexic accessible. It's so difficult keeping up without having to rewind ever 5 seconds.
I'm not dyslexic (ADHD) and I'm struggling with the same issue. It's not just with this person. I notice it with a lot of tutorials and the boot camp I did.