As an absolute beginner, I found your video so helpful! Thanks so much. I'm a nurse who can no longer practice due to my physical health and I am wanting to jump careers into a HTML & CSS / coding related role. So I will also be checking out your roadmap :) - Larry
New subscriber here, just began this journey,total 360 from social science😬 , i have no clue what am doing 😅, but i find your videos very helpful n inspiring
I cannot thank you enough for this! I completed an entire course on Coursera but never even got to practice actually coding like this!!! I love your road map and honestly it is way better than the multiple learning platforms I have used. This is amazing so thank you for helping us fellow beginners who want to break into this job. I did get stuck on getting the icons up though and can't figure out where I went wrong. At least though I can problem solve on my own which I know will be a lot of what being a dev entails. THANK YOU AGAIN
Haha I'm glad you've found the video and roadmap helpful :P Super appreciate the kind comment too! If the icons keep misbehaving, you're always welcome to dm me and I can have a looksie too
I might be the dimmest light here but could someone explain when or why I would use a section tag?( Specifically I don't understand why we need a section tag for the header and footer but not for the main) Could someone also explain why does an anchor not need to be in a division like so in order to separate the hyperlink? Additionally could someone explain the purpose of the tag ? I don't understand the purpose if in the anchor tag we had a hyperlink to the text that will send us to another web page. If the whole point of the is suppose to separate the webpage that will send us to another page, then why is the google search bar not in a if that is going to ultimately send us to another page as well? Finally does someone have a better explanation of what a does, or the purpose of it?
Great questions you've got there - I'll do my best to answer them :) 1) technically you don't need to use a section tag anywhere. I use sections when I have a whole lot of related content in a section. So think of it as a biiiiggg container, and a div as a smaller container used for everything else. 2) An anchor tag can be in a division, but it doesn't have to be. It's a rather flexible tag where you could use it like a button, which is just a div that has associated onclick events, except the anchor tag instead relates to a new page. So it can be it's own standalone container if you want to to be. 3) The nav tag is just another div that has some semantic meaning - essentially it lets screen readers and web crawlers know that site links can be found in here! You could just use a div instead, but it's good practice to use a nav for when you're having site links. Also, navigation links can just be for sections of the current page, they don't necessarily have to refer to a different page. It's single purpose in most cases and is only used for the hyperlinks typically within the header that are related to website navigation. 4) A span is for where you want to have an inline div. Normally to wrap sections of text for styling purposes or to add attributes to a section of text without creating a new line of content
@@Smoljames awesome this answers majority of my questions. The last part about span I still don’t get because I looked into div being a block and taking up a whole line and a span is suppose to only take up the required amount inline to the div but what I don’t understand is why for our icons and our google search button and I’m feeling lucky button they are all on the same line ?
Hi James, can you make a course on TypeScript in general (as an addition to your javascript course) and how to define structures for custom types, interfaces, custom props and other custom data formats?
I am a beginner with no background. I have watched few minutes of your HTML | CSS | JS and following along to build the Google Home page. You don't have a lot of subscribers and views like the BIG guys yet but I can assure you that you will be celebrated soon also in the Tech industry. Your style of delivery and approach is unique. Keep the good work Brother. Reply
Transitioning from Software Quality Assurance to Full Stack Engineer using your roadmap, somewhere I messed up with the ".searchBar" and have to restart this project all over again. Oh well, the more experience the better. Thank you for what you're doing. I look forward to being able to say I am a Full Stack Web/ Mobile Developer. Also, can you make a short video of VScode shortcuts? or do you have any you would recommend?
Sir can we expect some Svelte projects from you for beginners and intermediate level, will be very helpful Thanks for all your efforts for providing us with useful content
Absolutely, i'll set some up! Svelte is awesome - there's currently a Svelte web portfolio tutorial on my page that you might enjoy, and a few others in the roadmap - www.roadmap.smoljames.com (checkout the frontend frameworks section)
Hey mate :) mind letting me know exactly which link you were trying to click so I can fix it? Also here is a link that should work for you: discord.gg/BYr6gujs4k
![Learn HTML & CSS - Build & Deploy a Linktr.ee Clone [Beginner Tutorial]](http://i.ytimg.com/vi/jKWGYVRAYnc/mqdefault.jpg)
![Learn HTML & CSS - Build & Deploy a Linktr.ee Clone [Beginner Tutorial]](/img/tr.png)
Complimentary HTML CSS notes 🔥🔥
github.com/jamezmca/learn-to-code/blob/main/course%20notes/html_css.md
34:08 -> Use ALT and Left Mouse click to click on the A's to add the Attributes in one go. Barakallahu feek
you're on the money :P
As an absolute beginner, I found your video so helpful! Thanks so much. I'm a nurse who can no longer practice due to my physical health and I am wanting to jump careers into a HTML & CSS / coding related role. So I will also be checking out your roadmap :) - Larry
New subscriber here, just began this journey,total 360 from social science😬 , i have no clue what am doing 😅, but i find your videos very helpful n inspiring
Gotta start somewhere :) Glad you're finding the videos helpful!
I'm 67 and re looking at front end web dev. hope that web dev doesn't get replaced by AI.
Just found your videos, you deserve a lot more exposure, the way you speak with no bullshit is absolutely amazing
Cheers broski :)
I cannot thank you enough for this! I completed an entire course on Coursera but never even got to practice actually coding like this!!! I love your road map and honestly it is way better than the multiple learning platforms I have used. This is amazing so thank you for helping us fellow beginners who want to break into this job. I did get stuck on getting the icons up though and can't figure out where I went wrong. At least though I can problem solve on my own which I know will be a lot of what being a dev entails. THANK YOU AGAIN
Haha I'm glad you've found the video and roadmap helpful :P Super appreciate the kind comment too! If the icons keep misbehaving, you're always welcome to dm me and I can have a looksie too
I figured it out but THANK YOU. I appreciate that so much!@@Smoljames
Honestly, that analogy/simple comparison with Google Docs was a genious Idea! Well done bro! 👍🏼🤘🏼
Glad you found it helpful brother :D
Thanks for the video , finished creating the page today, tutorial was easy to follow and understand
Glad you enjoyed it my friend :P
Thank you for the work you do to help out a lot of beginners!
Happy to be of service :)
I was literally just thinking of trying to code the google homepage. Thanks for the video!
How serendipitous - it's a great starter project :) Hope you enjoyed the video!
This was a great briefing for a backend developer👌🏽👌🏽. Thanks James
This was a great tutorial. Thank you for taking the time to make this video. I have never coded before watching this, but now I know that I can do it.
we want more beginner stuff, like how to Fetch data, how to use APIs, etc
Noted :)
Say "please" 😅
I might be the dimmest light here but could someone explain when or why I would use a section tag?( Specifically I don't understand why we need a section tag for the header and footer but not for the main)
Could someone also explain why does an anchor not need to be in a division like so in order to separate the hyperlink?
Additionally could someone explain the purpose of the tag ? I don't understand the purpose if in the anchor tag we had a hyperlink to the text that will send us to another web page. If the whole point of the is suppose to separate the webpage that will send us to another page, then why is the google search bar not in a if that is going to ultimately send us to another page as well?
Finally does someone have a better explanation of what a does, or the purpose of it?
Great questions you've got there - I'll do my best to answer them :)
1) technically you don't need to use a section tag anywhere. I use sections when I have a whole lot of related content in a section. So think of it as a biiiiggg container, and a div as a smaller container used for everything else.
2) An anchor tag can be in a division, but it doesn't have to be. It's a rather flexible tag where you could use it like a button, which is just a div that has associated onclick events, except the anchor tag instead relates to a new page. So it can be it's own standalone container if you want to to be.
3) The nav tag is just another div that has some semantic meaning - essentially it lets screen readers and web crawlers know that site links can be found in here! You could just use a div instead, but it's good practice to use a nav for when you're having site links. Also, navigation links can just be for sections of the current page, they don't necessarily have to refer to a different page. It's single purpose in most cases and is only used for the hyperlinks typically within the header that are related to website navigation.
4) A span is for where you want to have an inline div. Normally to wrap sections of text for styling purposes or to add attributes to a section of text without creating a new line of content
@@Smoljames awesome this answers majority of my questions. The last part about span I still don’t get because I looked into div being a block and taking up a whole line and a span is suppose to only take up the required amount inline to the div but what I don’t understand is why for our icons and our google search button and I’m feeling lucky button they are all on the same line ?
Hi James, can you make a course on TypeScript in general (as an addition to your javascript course) and how to define structures for custom types, interfaces, custom props and other custom data formats?
I am a beginner with no background. I have watched few minutes of your HTML | CSS | JS and following along to build the Google Home page. You don't have a lot of subscribers and views like the BIG guys yet but I can assure you that you will be celebrated soon also in the Tech industry. Your style of delivery and approach is unique. Keep the good work Brother.
Reply
Thanks for the comment my friend :) I appreciate the kind words!
This is a very good explanation 4:18, I never thought of it that way before...
Haha i'm glad you think so!
Thanks for the tutorial 👏👏💚
You're welcome :)
Thanks man!
Transitioning from Software Quality Assurance to Full Stack Engineer using your roadmap, somewhere I messed up with the ".searchBar" and have to restart this project all over again. Oh well, the more experience the better. Thank you for what you're doing. I look forward to being able to say I am a Full Stack Web/ Mobile Developer.
Also, can you make a short video of VScode shortcuts? or do you have any you would recommend?
Haha definitely the more experience the better! Well done for not giving up :) I can definitely make a video on VS Code shortcuts!
@@Smoljames Awesome, I look forward to it!
@@Smoljames Also thank you!
It get's intimidating, but I know it'll get easier.
"practice makes sufficient"
Appreciate this, ty
Glad you found it useful :)
My G dropping dope content
:)
Hey I left a question in the general discord chat regarding the live server for vsc.
Amazing
Heey Mr james should i get m2 8 GB or m1(16 gb ram not available) for my web developer carrier
the tags are showing blue instead of red for me. Also my browser shows nothing when copying the file over. I'm not sure what I did wrong haha. HALP
You're a legend!
No you're the legend :)
How did he get to the developer tools?
right click on page and hit the inspect option :P
Thanks James!@@Smoljames
I hope you'll have time to make video about useReducer hook and typescript
Sounds like a great idea!
can you plese create a roadmap on how to contribute to open source ?
I absolutely can! Thanks for the suggestion
Sir can we expect some Svelte projects from you for beginners and intermediate level, will be very helpful
Thanks for all your efforts for providing us with useful content
Absolutely, i'll set some up! Svelte is awesome - there's currently a Svelte web portfolio tutorial on my page that you might enjoy, and a few others in the roadmap - www.roadmap.smoljames.com (checkout the frontend frameworks section)
@@Smoljames thanks
Broski for some reeason i couldnt join the discord from the website could you please provide a link in the video description
Hey mate :) mind letting me know exactly which link you were trying to click so I can fix it? Also here is a link that should work for you:
discord.gg/BYr6gujs4k
How can I install sans-serif with Time New Roman background on my Visual Code? It doesn't appear on my Windows app for the header.
Hey mate :P if you post a picture of your code in the discord channel I can take a look!
how are these projects communicated to you? do they give you mock ups or do they just describe what they want and let you go?
You mean the projects in the tutorials? And who do you mean by they?
@@Smoljames I mean the projects you do for work and whoever you make the websites for.
I'm a little stuck around 57:00 mark. My main section is not responding to the css code.
Heya! If you post your code in the discord channel I can take a look :P
Do you know why my code shows up in different colors? for example, everything that is red for you shows as blue for me like and .
If you post your code in the discord channel I can take a look!
Thank you :)
1:13:00 book mark
He completed the video in 1 hour but someone to complete it requires 10 hours I mean student
hey bro i got here through reddit
Cool to hear :) hope you found the video useful :)
Same!