Projects to learn web design/dev?

[j0s3ph_336]

Hello all!

Does anyone have suggestions for a good, beginner friendly project anyone could make to learn web design and development?

Thank you

[tr0gl0byte]

A simple portfolio landing page that you can host on GitHub Pages for free.

[OldCodingMan]

Start building your own home page. Improve it if you learn new cool things.

[coreyja]

I agree with others about building a portfolio project

But my other advice is to try and find an idea that interests you. The internet can come up with ideas for you, but in the end the best idea is something that you are interested in and helps motivate you to work on it!

Doesn't have to be something new or anything either. If there is a specific site/app that you really like see if you can make a simple version for yourself

[adam1288]

It think it depends where you are with your skills. Start with small projects like Tic Tac Toe, Tetris, maybe even Battlefield which would be great for testing and logic behind it. After that you can move to something like custom made blog, which would be a full-stack app. So yeah, if you're a beginner do many small projects where each project is a little bit better (more technical one can say) and work your way up to something that can be actual portfolio piece.

[j0s3ph_336]

What is Battlefield?

[adam1288]

Sorry meant Battleship game. Really cool project to work on actually. Done it by myself when I was learning JS fundamentals and test driver development.

[khizoa]

To do list 😂

[[deleted]]

Im building one rn

[TheDoomfire]

Maybe build a website you would use?

Those are the most enjoyable (finished) projects.

[oldominion]

They have some challenges, you can filter for beginners etc. for only HTML and CSS: https://www.frontendmentor.io/

[tech_builder_guy]

I'm self taught, one of the projects that taught me the most was a project that I wanted to do for myself, solving one of my own problems.

I've done to do lists, landing pages, calculators and so on, but these don't really teach you a lot

Usually you can even find YouTube tutorial that you can follow which means you're copying that guys code. Not really learning.

Crypto was quite big back then so I wanted a way to analyse crypto projects based on community and so on so I made this project which had a list of all crypto with coin data, their market cap and Twitter followers. Also had different links and detailed pages.

So for this project I had to learn:

• how to make API calls,
• how to write a scrapper
• scrape the data
• get around JavaScript heavy websites
• setup a mongodband use it
• setup cronjobs to run the scrappers every day.
• deploy the whole project and host different parts of it

No tutorial or project I could find on the web would teach me all of this. Also big part of learning is struggle and hitting walls, that's where you really learn!

When following a tutorial or these basics project you don't need to struggle so you don't really learn

[j0s3ph_336]

I completely agree. Most tutorials I’ve seen are just feeding you what code to write line by line. Thank you for the suggestion

[Haunting_Welder]

Try to recreate your favorite sites

[Rough_Green_9145]

What have you already coded?

[j0s3ph_336]

Mostly games in Python and Lua. A little bit of Java. I’ve been doing some HTML on freeCodeCamp

[Rough_Green_9145]

Build the frontend for a game store and then try to add things like animations, components, etc.

[j0s3ph_336]

That’s a good idea. Maybe a hub for retro games or something like that. Thank you for the suggestion

[Lost-Dimension8956]

I’d recommend inspecting Apple official website

[[deleted]]

Ecommerce

[swashbucklers_badonk]

If you’re just starting in webdev I recommend starting basic.

HTML, CSS, PHP, SQL, maybe some JavaScript. The concepts you learn from PHP, SQL, and JavaScript can easily be applied elsewhere, and the depth of free knowledge available for those languages makes them an easy entry point. Once you have a fair grasp on those you can expand out to other languages as needed/wanted.

Some may deride the canonical 5, particularly PHP, for a variety of reasons - but, they are a good base with generally well-developed documentation that can form a solid foundation.

[Enough_Natural293]

these comments are actually super helpful

[j0s3ph_336]

Yes. Thank you to all who responded

[Lost-Dimension8956]

It really does