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
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
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 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
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?
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?
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
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)
bro i feel like you're failing to understand what the point of the project is. It's for learning about the foundational concepts inside html and css, not to build an award winning website. The cool projects come later, but if you try to teach something too complex to start then it's overwhelming. If you don't like the project and can't understand why I choose to design and build this website then that's fine, just go watch something else. Idc that you don't like my decision; i made this tutorial for people wanting to learn to code, not for you.
![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
@@lawrencecooke8020 love to hear it home slice!
Just found your videos, you deserve a lot more exposure, the way you speak with no bullshit is absolutely amazing
Cheers broski :)
Honestly, that analogy/simple comparison with Google Docs was a genious Idea! Well done bro! 👍🏼🤘🏼
Glad you found it helpful brother :D
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
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 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!
Thank you for the work you do to help out a lot of beginners!
Happy to be of service :)
Thanks for the video , finished creating the page today, tutorial was easy to follow and understand
Glad you enjoyed it my friend :P
This was a great briefing for a backend developer👌🏽👌🏽. Thanks James
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 :)
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.
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!
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 ?
My G dropping dope content
:)
we want more beginner stuff, like how to Fetch data, how to use APIs, etc
Noted :)
Say "please" 😅
I'm 67 and re looking at front end web dev. hope that web dev doesn't get replaced by AI.
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?
1:13:00 book mark
You're a legend!
No you're the legend :)
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"
Thanks man!
Appreciate this, ty
Glad you found it useful :)
Amazing
Heey Mr james should i get m2 8 GB or m1(16 gb ram not available) for my web developer carrier
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
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
Hey I left a question in the general discord chat regarding the live server for vsc.
Thank you :)
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
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.
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!
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!
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
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
hey bro i got here through reddit
Cool to hear :) hope you found the video useful :)
Same!
He completed the video in 1 hour but someone to complete it requires 10 hours I mean student
Sorry, although I deleted my previous comment, I seem to be unable to not dislike your choice of webpage to design.
bro i feel like you're failing to understand what the point of the project is. It's for learning about the foundational concepts inside html and css, not to build an award winning website.
The cool projects come later, but if you try to teach something too complex to start then it's overwhelming.
If you don't like the project and can't understand why I choose to design and build this website then that's fine, just go watch something else. Idc that you don't like my decision; i made this tutorial for people wanting to learn to code, not for you.