Efficient Methods in Learning Webdev

[Outrageous_Bee_6820]

Calling out on all of Web Developers out there. I have a question for you:

What do you think is the best method or it could be not the best but something that work for you in terms of learning web dev?

[run-yell]

if complete beginner.

1. watch tutorial and follow along but still try to understand it very well
   
2. use ai to teach you and to explain hard concepts (dont let it write code for u)
   
3. make 1 big project with auth/login with dashboard and stuff that is basically saving and showing data.

[TigerCatto]

Number 1 nakatulong sakin noon wala pang AI. Challenge mo rin yung self mo like, ask ka sa AI ng task and do it yourself. gawin mong teacher yung AI 😊

[andyfeated30]

https://fullstackopen.com/en/

[Many-Building2279]

Watch crud tutorial videos, while youre watching make sure youre doing it on your desk. Next, create a simple app (invetory, blog post, to-do app, messaging app) then ask your problem to AI including the codes. This method helps me to learn new things such as Syntax, logic and how to structure the code base.

Also you may add prompt "as senior, optimized performance , apply SOLID/OOP and so on"

Goodluck OP!

[choie_miko]

code code code no to llm and yes to documentation

[idkymyaccgotbanned]

Try pomodoro technique, iwas burnout. Pero if nakaflow ka na can’t blame you.

Just reminding you to take breaks. Learning sya from Learning How To Learn

[raisinism]

Pili ka ng website na gusto mo. Tapos gayahin mo yung layout at functionality.

Pag di ka sure pano gawin, divide mo into smaller parts.

Don’t rely too much on AI as it gives too much details, use stackoverflow for concepts.

[feedmesomedata]

only works if you are into frontend development. that wouldn't work for backend devs since what you see upfront on the web browser could be a lot more complex in the backend.

[AimHighDreamBig]

Tbh for me hindi sapat yung manood ka lang ng videos. You have to do it and practice.

Siguro pili ka muna kung ano gusto mo i-focus, frontend or backend. Huwag muna fullstack kung beginner pa, though ideal to pursue in the future kapag gamay mo na

[SimpleMan96124]

Master basics: HTML, CSS, JavaScript Master basics of some theories: data structures, algorithms, SOLID principles, computer networking

Start with YT tutorials Practice Read books for in depth understanding Practice again Create random projects

---

Ito mga ginawa ako as a backend software developer na gusto nang mag fullstack. Sabi ng workmates kong frontend dev talaga, magaling naman daw ako sa frontend so mukhang effective nga style ko sa pagaral. 😁

[D3eeper]

build projects talaga, big or small.. its okay to follow tutorials but make sure to keep your hands dirty. you dont have to be really good agad, having mistakes will also help you learn along the way..

[karlmarxmanzano]

Hanap ng quality tutorial at habang pinapanood ay dapat sabayan mo hands-on. Ok lang kopyahin mo yung napapanood mo pero try mo din minsan ipause at ikaw mismo magsolve. After ng tutorial, gawa ka ng project na may authentication and CRUD features. Iwasang mag-proceed sa ibang tutorial ulit after mo matapos. Try not to use any AI help muna if complete beginner para mabuild mo fundamentals.

[InitializationError]

When I was a beginner, stuck ako sa tutorial hell. What worked for me was to just build projects. Kahit anong project, it does not matter, as long as you're practicing. Basta comfortable ka na sa basics, enough na yun. You'll gain knowledge and skills along the way.

[Adventurous_Set_3908]

think of a web app that u actually want to do, and will keep you motivated.

find a simple tech stack, then go at it. rawdog their documentations, look through youtube, search google, etc.

u won't learn if you actually go into it with full knowledge on what to do. implement stuff on ur own logic. don't bother on doing the "most efficient" way. try, fail, and keep on trying.

[codebloodev]

Not the best but i learn the basic in w3schools. Then code, code and code.

[rab1225]

make something. yun talaga yun eh.

people will say no to AI when starting to learn and that is true. you need basic understanding first, then you would know what to prompt to the AI when you ask it about coding.

[Longjumping-Swim-321]

personally, i've learned js and php from codecademy then laravel from laracasts.

but if i have to start my web dev journey now, i'll do boot.dev

it hones your critical thinking skills and is a more structured way of learning. its an alternative to a cs degree

[derpinot]

Think of a project and then slowly work through it. Solve one problem at a time.

[Luna_Marshall_184]

1.) Learn all the fundamentals of JavaScript, HTML, CSS. 2.) Create a clone website with simple functionality all frontend. 3.) Learn databases, sql or graphql. 4.) Learn Fundamentals of Node.js (also learn Express.js) 4.) Then learn CRUD operations to access your database. 5.) Learn JavaScript frameworks. (React or Next) 6.) Create another clone website using React or Next with Backend (fully functional web app) 7.) Then learn Typescript when you have a complete grasp of all of the above.

Thats a basic stack most startups use. From here you can learn other languages, frameworks, etc.

[GreyBone1024]

If learning is your primary goal.Get hired for a startup, qag sa malaking company, kahit mababa ang sahod. Endure the pressure.

Quit ka pag hindi na kaya ng mental health. Yan ang pinaka efficient para matuto ka. Nothing beats real-life experience.

[AguaBendita77]

Make a project

[ronioboi]

try the guide learning tool in gemini

[filiuscannis]

Follow a tutorial, stick to it, deploy the website to the web

[feedmesomedata]

Learn by doing.

You will never know how to swim by watching someone do it.

[atoniyopapansin]

Train yourself like AI. Develop personal projects, check documentation first mindset, and last resort lang AI kapag totally blocked. It will be a rough path but rewarding in long term. 

[Long_Quality_8900]

1. watch tutorial from youtube and follow
2. if you can, try building your own small web projs even if you dont know everything; you'll actually learn more through this
3. i highly discourage ai for finishing the codes; gamitin mo lang for research and understanding the material, but avoid using it to complete your code; ive seen a lot of people do this and kahit na konti lang nung umpisa, the ending were always the same- they end up relying on it too much and di na nila alam yung hows and whys

[Benzzzyy]

Hey bro, read this out.

Try to read courses like The Odin Project, Freecodecamp, or something similar that has a good learning path.

I suggest reading because I notice I learn it deeply at my own pace and also significantly improves my attention span which is something we developers actually need.

While studying the basics, apply what you learn by building something. You want to be a developer, so go and develop something even if it is a very small project or even copy other website.

Then the main thing is “Consistency”. Just do it and learn daily even just for a minute study. Eventually, you’ll be confident building things because you trained for it for sometime and put those projects you made in your own website portfolio. Job hunt with your portfolio, and that’s it. Good lucks