looking for beginner html project ideas

[simple turret]

I need ideas that are beginner friendly and small but can still teach me a thing or two, i prefer something popular so that theres more tutorials online for it and stuff

[grand maple]

How advanced are you? Why not just start making a website?

[simple turret]

the highest ive gotten up to is styles in w3schools and ive found that ive been forgetting most of the info i learn as im not actually doing it so thats why im interested for projects

https://www.w3schools.com/html/html_intro.asp this is the site i was talking about

[grand maple]

Just start somewhere. Any simple website is good enough when you're just starting out

[grim flame]

Could always look at some nifty frameworks if you wanna try and be competitive in the field. Something like ReactJS which is.... kinda HTML... like.

By doing that, you've have plenty to continue learning of that's your goal. You get to learn about new tool chains such as Node and the Node package manager (NPM), and maybe you'll learn a little about Docker so that you can deploy nice reproducible sandboxed environments in which you can test your little website locally. You might even start to learn about separation and isolation of components and data (backend vs frontend)

but if your goal is just to get familiar with the language... I mean just learning HTML only yields static websites which limits your options for toy projects (granted, static websites are nice because you don't need to setup an environment, you just doubleclick the .html file lol). Like, you could make a presentation, which is static and does not change. Lots of people like to create portfolios for themselves which have things like "About Me", "Contact me", and maybe a "Gallery". These can allow you to play with things like forms (for the contact), and pagination stuff (for the gallery)... But yeah, a lot of the things are going to be similar to this type of project because pure HTML doesn't have a lot it can do.

[grand maple]

The first half might be a bit too advanced for them lol

[grim flame]

Maybe maybe hahaha, but I'd also argue that getting more advanced at HTML isn't necessarily going to help with the first half, and the first half is kind of the goal if you're lookin' to make a career out of web dev. Not necessarily ReactJS, but Frameworks, servers, etc. And I think that if you've got the basics of HTML down, you're probably in a pretty good spot to start learning JS, and who wants to just learn JS when they can learn CSS-in-JS or HTML-in-JS? XP

Idk, maybe you're right haha... but like.... look at this!

function MyButton() {
  return (
    <button>
      I'm a button
    </button>
  );
}

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}

That's not too much of a deviation from HTML right?

[grand maple]

Getting npm to work is a mission in of itself lol

[silk geyser]

You should really learn basic JS and JS fundamentals before learning React

I'd maybe suggest a CSS framework such as Tailwind, or even Bootstrap (though that has some JS)

but it sounds like they just need to make a basic website for now, to solidify the basics before learning more new stuff

[silk geyser]

@simple turret Try making a website about a hobby or interest you like (like a tv show or something)
You can write stuff about it, add pictures, and decorate the pages.
Another idea is to make an "about me" website where you can have a page for each hobby or interest in your life.

[grim flame]

Exactly! And I think that's the mission that's most important above all the other stuff XD XD XD I imagine it'd be something that a beginner would struggle with for a real good while, therefore a worthy investment hahaha... but maybe I put my priorities in the wrong place here haha

[grand maple]

Idk lol, I feel like you're burning bridges before you even get there

[simple turret]

yo guys youve all been great help and gave me a ton of advice so thank you, most of the stuff is too complicated for me though but the website profile idea i like, i might make one on my dog, thx for all the help again

btw is there an app or smthn that allows me to practice coding on an iphone?

[bright violet]

Well you can practice editing HTML in a web browser using the object inspector/element view and just using the "edit as HTML" option.
On an iPhone you'd want to pair a keyboard at the very least? 🤔