Can someone help me with HTML?

CubeLite

Legend
Joined
Feb 5, 2024
Messages
3,905
Location
Cubinginatree's mailbox
WCA ID
2023BARZ02
So I like programming, I'm still at school and I did scratch and C++ last year, and this year I'm going to learn HTML, but I want to learn in advance, and I also want to make a site for something about cubing, I'm not going to say what is it, is going to be a surprise, but I'm a complete beginner, so can someone answer me these questions and maybe help me whenever I need help with it (I know I also need CSS and Java Script):

1. Should I use VS Code?
2. Does someone has a good tutorial?
3. How I'm going to make a timer?
4. How I'm going to make a scramble generator, also for specific scrambles, like 1 move to solved layer or cross or something, or maybe the person put some moves, and to like a solved layer it inputs those set up moves?
5. Should I try to actually learn how the codes work, or could I just follow a tutorial?
6. How does it work with the domain name, I'm going to need to buy the name?


Please If someone is able to help me, at least answer as many questions as you can.
 
1. VS Code is a good one! I use it

2. there are many good resources for learning html, css, and javascript. for tutorials, I like freecodecamp. for random questions, I like chatgpt and other similar AI tools

3. to make a timer, javascript has ways of tracking the time such as Date.now()

4. if you want the scrambles to just be "okay" you can just do random moves! if you want the scrambles to be competition legal, it's a lot more complicated and there are some other resources I could tell you about if interested

5. I think learning it is a great idea!

6. buying a domain is one option, you can get cheap domains from $2 to $12. there are also free options such as firebase hosting where the url will be your-website-name.web.app
 
1. VS Code is a good one! I use it
Yay
2. there are many good resources for learning html, css, and javascript. for tutorials, I like freecodecamp. for random questions, I like chatgpt and other similar AI tools
I forgot about AI, is this one good?
3. to make a timer, javascript has ways of tracking the time such as Date.now()
Ok
4. if you want the scrambles to just be "okay" you can just do random moves! if you want the scrambles to be competition legal, it's a lot more complicated and there are some other resources I could tell you about if interested
When I will get there, then I'll probably ask you
5. I think learning it is a great idea!
Ok
6. buying a domain is one option, you can get cheap domains from $2 to $12. there are also free options such as firebase hosting where the url will be your-website-name.web.app
I will see then

Thanks🤩
 
So I like programming, I'm still at school and I did scratch and C++ last year, and this year I'm going to learn HTML, but I want to learn in advance, and I also want to make a site for something about cubing, I'm not going to say what is it, is going to be a surprise, but I'm a complete beginner, so can someone answer me these questions and maybe help me whenever I need help with it (I know I also need CSS and Java Script):

1. Should I use VS Code?
2. Does someone has a good tutorial?
3. How I'm going to make a timer?
4. How I'm going to make a scramble generator, also for specific scrambles, like 1 move to solved layer or cross or something, or maybe the person put some moves, and to like a solved layer it inputs those set up moves?
5. Should I try to actually learn how the codes work, or could I just follow a tutorial?
6. How does it work with the domain name, I'm going to need to buy the name?


Please If someone is able to help me, at least answer as many questions as you can.
Sorry that I'm late, I didn't get a notification that you mentioned me.

1. Definitely use vscode, since it is the most popular code editor. If you have any issues with the editor it will be way easier to find a solution compared to if you used an editor that is less popular
2. When learning programming, you really can't just use one tutorial. I recommend learning the basics of html using w3schools.com, which includes many lessons about the basic syntax of HTML and then the different purposes of the elements and what to use them for. It also contains lessons on JavaScript and CSS which you will also definitely need to use for making the site. Stackoverflow is helpful for coding problems, and youtube is good for general tutorials when it comes to programming. I recommend avoiding relying on AI too much, because it can cause you more problems than you had originally. You can always ask it questions, but I think you should avoid having it generate code, because that means you won't be able to understand and it will make it harder to change the site or add more to it in the future.
3. Like spencer mentioned, you can track time using Date.now(). It returns the amount of milliseconds that have passed since the epoch, which is midnight on January 1, 1970. You can store the time when the user starts the timer in a variable and then get the time when the user stops the timer, and simply subtract the values to get the amount of milliseconds the user was solving for. You can then divide the number by 1000 to get it the time in seconds.
4. Random move scrambling is simple to implement like spencer said, but random state scrambling will be harder. However, there are many javascript libraries that do provide this functionality, so you could use those.
5. Definitely learn how to program. There won't be a specific tutorial called "How to design a Rubik's cube timer". There will be no tutorial that includes everything you need, you will have to learn to program yourself.
6. There are many free domain/hosting services like spencer mentioned. I personally use vercel, which would get you a (completely free) domain such as "cubetimer.vercel.app". If you want to buy a domain, use namecheap.com or porkbun.com, which will let you get a .com for about $10 or $20 a year. You will be able to use the custom domain with vercel and keep the free hosting!
 
1. Definitely use vscode, since it is the most popular code editor. If you have any issues with the editor it will be way easier to find a solution compared to if you used an editor that is less popular
👍
2. When learning programming, you really can't just use one tutorial. I recommend learning the basics of html using w3schools.com, which includes many lessons about the basic syntax of HTML and then the different purposes of the elements and what to use them for. It also contains lessons on JavaScript and CSS which you will also definitely need to use for making the site. Stackoverflow is helpful for coding problems, and youtube is good for general tutorials when it comes to programming. I recommend avoiding relying on AI too much, because it can cause you more problems than you had originally. You can always ask it questions, but I think you should avoid having it generate code, because that means you won't be able to understand and it will make it harder to change the site or add more to it in the future.
I was thinking to use w3schools, since I also used it for c++ and c# a little
3. Like spencer mentioned, you can track time using Date.now(). It returns the amount of milliseconds that have passed since the epoch, which is midnight on January 1, 1970. You can store the time when the user starts the timer in a variable and then get the time when the user stops the timer, and simply subtract the values to get the amount of milliseconds the user was solving for. You can then divide the number by 1000 to get it the time in seconds.
I still don't understand, but when I will get there I will go depper
4. Random move scrambling is simple to implement like spencer said, but random state scrambling will be harder. However, there are many javascript libraries that do provide this functionality, so you could use those.
I didn't know that is that hard, I will see, as I said up, because I'm still learning, I just learnt the basics for HTML
5. Definitely learn how to program. There won't be a specific tutorial called "How to design a Rubik's cube timer". There will be no tutorial that includes everything you need, you will have to learn to program yourself.
I already started to learn, and know how to do the basics, like the headings, paragraphs, images, links, how to make a form, coloring the text which I use in CSS
6. There are many free domain/hosting services like spencer mentioned. I personally use vercel, which would get you a (completely free) domain such as "cubetimer.vercel.app". If you want to buy a domain, use namecheap.com or porkbun.com, which will let you get a .com for about $10 or $20 a year. You will be able to use the custom domain with vercel and keep the free hosting!
I still don't understand where the like "cubetimer.vercel.app" would appear, it is going to be the link, the name of the site when searching for it?

Also I have a new question:
How should I plan the website? Should I learn how to do the basics for the 3 things, and then make the plan on where everything should be and colors and etc. And just then start the coding for the actual site
 
I still don't understand where the like "cubetimer.vercel.app" would appear, it is going to be the link, the name of the site when searching for it?
Cubetimer.vercel.app would be the url of the website, so anyone would be able to visit https://cubetimer.vercel.app to see your website. There are also special html tags called meta tags which store information about your website, which would show on google results. For example, you would use a meta tag with the name set to "description" and the content set to whatever the description of this website would be. For example, in this search result pictured below, "Let's look at three top-tier timers: the SpeedStacks (G5 Pro) Timer, the YJ Pocket Timer, and the GAN Smart Timer (Bluetooth)." is the description.
1725643243947.png


Also I have a new question:
How should I plan the website? Should I learn how to do the basics for the 3 things, and then make the plan on where everything should be and colors and etc. And just then start the coding for the actual site
I think you should do this. You can learn more things about programming websites as you go, but do learn how to do the most important things first. For planning the design of the website, you can use websites like figma, or just draw out the plan for your design in any sort of drawing program as a plan.
 
So I think I now know the basics of html, and I'm learning CSS now, but I have a question
I use the external links for CSS to connect with html, and I use it by saying that "h1" should be color x, size x and so on, but that makes every "h1 element in the html code to be color x, size x and so on
So how can I make a specific "h1" element to be how I want, and not to be every "h1" in that way?
 
So I think I now know the basics of html, and I'm learning CSS now, but I have a question
I use the external links for CSS to connect with html, and I use it by saying that "h1" should be color x, size x and so on, but that makes every "h1 element in the html code to be color x, size x and so on
So how can I make a specific "h1" element to be how I want, and not to be every "h1" in that way?

Search up classes and ids in CSS
 
Last edited:
Back
Top