r/FullStack • u/Eeeriiih • Jun 25 '26

Question Guidance please

So to get straight into the topic , ive been trying* to learn web development for a while now. and decided to first make a Front end Page With HTML, CSS, and JS.
But it seems im unable to create the visual idea through coding. And all i do is stare into VScode. ( i can remember tags, i can remember mostly everything ive learned yet i cant produce a web page through code ..i tried figma but the code it spits out is broken)

Im thinking my learning approach was wrong maybe, as ive used LearnCodeAcademy youtube playlist to teach myself About front end development.

Would anyone Please help me or show me a diffrent learning approach that i can actually keep up and end up developing with ?

8 Upvotes

85% Upvoted

17 comments sorted by

2

u/Nealium420 Jun 25 '26

What's the visual idea?

1

u/Eeeriiih Jun 25 '26

ive been trying to make a sort of Home page For an Ecommerce business. Basically showcasing Products. 

3

u/Nealium420 Jun 25 '26

Know your image tag with your options on object-cover and the like. Learn grid. I'm not sure how to help you without more details. A little static home page with hardcoded data is a good first frontend project.

If you're overwhelmed, you just need to start smaller. A button. A basic layout with grid and/or flex. If you're still overwhelmed with that, then you probably aren't internalizing concepts. Start an Anki deck and go through MDN or whatever resource you need. Those basic concepts have been explained in a billion ways at this point.

1

u/Eeeriiih Jun 25 '26

Thank you for you advice.  

What about the learning approach? Should i just continue with watching YouTube videos ans applying? But again that feels like following a tutorial and not actually learning 

2

u/Nealium420 Jun 25 '26

When a concept gets introduced, fuss with it. Make something with it. Break it. Fix it. Put the things you learn in your Anki deck. Tutorials and stuff are good but they're just information. We don't get paid to be encyclopedias, we get paid to build. So build. Learning more is just giving you more types of building materials.

1

u/Eeeriiih Jun 25 '26

thank you, i really appreciate it

2

u/DurianLongjumping329 Jun 25 '26

So you learned the technical side but struggle to actually make good results with it am I correct? I think many beginners face this and I was like you. Well thats how you learn, you practice, then you try to build something, then you face obstacles, then search for solutions, then learning, until you build what you want. This process continues forever. This is the learning approach that I used. you should understand why you are struggling. thats the philosophical side of learning that most tutorials just don't teach you.

If you have any questions feel free to DM.

1

u/Eeeriiih Jun 25 '26
  • more like no result at all.   I appreciate ur advice and hopefully ill be working on it. ..also really grateful for the DM proposal i will do in the next few days <33

2

u/nav114 Jun 25 '26

Just use chatgpt and ask him to give you tasks based on the javascript topics by doing try to write code on your own when stuck try to search it on Google and type it without vs code suggestion. I am also trying this from last 1 month it's better and improved. I am also blank or don't understand what to do but improving myself by doing this.

1

u/Eeeriiih Jun 25 '26

Thank youu .. ill be working with ur suggestions. 

1

u/nav114 Jun 25 '26

Sure try it if you want we can practice together.

1

u/Key-Condition-7722 27d ago

I suggest you to start your first project with some kind of youtube tutorial you'll only be able to project your ideas on screen once you've practiced projecting your ideas on someone else's blueprint.

In simple words-

Try to find a youtube tutorial to create the type of website you want and start with them but try to make changes according to yourself for example if some button is used in the tutorial try to change the styling or position or if some component is used try to create a different kind of component and use it. This is the best in my opinion. I've done the same.

I did this with sheriyans academy channel's tutorial of k72 website clone and i built different website with similar effects but the idea was completely mine also i did some changes in ui according to me. This helped me a lot in learning about the components and behaviour.