I don’t really see any websites that allow you to practice webdev skills asides from JS. Maybe ask the user to make like a project or a simple website with the things they want implement and have them rank it and stuff?

1 point

From some quick googling I found https://www.frontendmentor.io/. No idea if it’s any good.

permalink
report
reply

Thank you, this is exactly what I wanted.

A place where you’re tasked to make webpages/websites.

(sucks they paywalled some of the assignments, but oh well)

permalink
report
parent
reply
0 points
*

HTML and CSS are pretty simple. It just requires a good deal of reading the manual.

Here are some links for reference:

https://www.w3schools.com/html/default.asp

https://www.w3schools.com/css/default.asp

https://sadgrl.online/learn/sections/snippets

If you want to post your website/web pages publicly, without having to pay for a domain, I highly recommend https://neocities.org/. A large number of people use that site as their testing ground, so it’s common to see websites with “under construction” GIFs and images on the homepage.

If you’d rather practice locally, you can use something like python to launch a webserver on your LAN and visit it with http://192.168.1.X (X being the last number provided by your device the server is running on).

You can find some instructions here: https://realpython.com/python-http-server/

It’s worth looking around at all the different websites on neocities, and also thinking about what you’d like to see personally as a form of self-expression. That’s how I got started, and it’s quite fun seeing where the project’s development takes you.

permalink
report
reply

Thank you for the learning resources, but like I said in another comment, I wasn’t looking for learning resources. I’m looking for places where you can practice HTML+CSS, places that tasks you to make a website/webpage, as like practice/exercise.

I guess you’re suggesting me to try and replicate sites/webpages I may come across Neocities? (I heard of the place btw, I might make a site there soon)

As for hosting a webserver locally, I’m using the Live Server extension on VSCode (ok it’s VSCodium but still), will that be enough for now?

permalink
report
parent
reply
1 point

Small update: So I found something that may help you out a bit. It’s a resource with 40 challenges (code is provided if you choose to look at it) for different effects.

URL: https://blog.bitsrc.io/40-html-css-projects-for-beginner-2021-5bd01ff62361?gi=119d34df83af

There’s a lot in here that I haven’t experience in producing on webpages, so I may use it when I feel inspired to take another crack at it. Still not a Project Euler, unfortunately. Most people seem to just freestyle their web development to gain experience and practice.

Again, I apologize if this isn’t quite what you’re looking for.

permalink
report
parent
reply

Programming

!programming@lemmygrad.ml

Create post

Welcome to the Lemmygrad programming community! This is a space where programmers of all levels can discuss programming, ask for help with problems, and share their personal programming projects with others.


Rules

  1. Respect all users, regardless of their level of knowledge in programming. We’re here to learn and help each other improve.
  2. Keep posts relevant to programming and related topics.
  3. Respect people’s personal preferences. If you disagree with someone’s choice of programming language, method of formatting code, or anything else, don’t attack the poster. Genuine criticism is fine, but personal attacks are not.
  4. In order to promote breaks from typing, all code snippets must be photos of code written on paper.
    Just kidding :), please use proper markdown code blocks.

Community stats

  • 7

    Monthly active users

  • 27

    Posts

  • 96

    Comments