I am a beginner as web development so... give me a challenge in web developing

Comments

[Valeria]

I'd suggest you to pick up a particular feature of a web service you are using everyday and try to replicate it. It can be a front-end component or a part of the backend or a mix of both. With this approach you learn to work on features in isolation while solving a real world problem.
Good luck!

[SOBIN]

thank you ...

[Bhupendra Dhami]

create a todo-list with local storage

[Naimur Rahman]

Try to create a image gallary with different aspect-ratio of images with CSS grid

[SOBIN]

yaa i really doo this

thank you ...

[SOBIN]

ahhh it soundsd good:)

[Bikash9609]

An E-commerce website is great way to learn all the concepts. Just don't copy paste, use documentations and tutorials.

[CuriousDev]

This depends on the knowledge you have. You could give more details of your experience at the moment.

[SOBIN]

ahh i satrted my learning in html and css after a weeks before
i know the basices of both and i really to learn a lot ...

thank you for asking

[Jagadeesh Katla]

Create a video streaming app with front-end

[SOBIN]

ohhh its sounds good...

[Chris Keller]

If you want to flex your front end skills and build something you can easily show off to people, I'd check out FrontendMentor! You get a lot of exposure to a real development workflow, like working from design files and having to devise a plan of attack to tackle the problem.

[kaumnen]

here is an awesome list of ideas:
github.com/the-programmers-hangout...

Good luck!

[Greenreader9]

By "Web development" I am going to assume you mean HTML, CSS, PHP, and JavaScript.

Challange: Create a 'random' number generator that takes a start, end, and increment by number as input, and results in a random number that matches those constraints.

To make it easier, remove the increment by part.

[Almamoun Elmarasy]

I will assume that it is about front-end web development so one of the best ways to practice is to clone real-world websites such as YouTube, Twitter, Facebook ... etc

[SOBIN]

ohhh.. :)

[TecDeveloper]

Aren't that a middle-level project though? Personally, I couldn't have done that in 2019.

[Almamoun Elmarasy]

I agree with you if I was talking about a complete clone. However, I just recommended a front-end clone that includes HTML, CSS and some JS for one landing page of one of these websites. Mainly, I recommend creating a nice sidebar, navigation-bar, search-box, footer, page content and making use of some icons.

[SOBIN]

dure,,,
thank you:)

[Marco Ledesma]

Build a page similar to link tree. It’ll be a good mix of languages and layout solutions

[TK]

I did a very interesting challenge some weeks ago: iamtk.co/series/frontend-challenge...

[Michael Z]

Here's something completely different: dev.to/michi/reverse-engineering-f... :)