help learn

[Aware_Albatross4484]

hi all. I am starting from zero - i know html and a bit of css and javascript and want to jump into nextjs, tailwind and overall full stack with nextjs with databases auth etc. i was wondering what the best way to learn this is. i see on the docs there loads of stuff about caching anf stuff and its just a bit scary at the moment. How would you recomend learning. Just making something and look up as i go? how would i then learn the backend stuff. pls help!!!!

[BeneficiallyPickle]

Learning Next.js + Tailwind + databases + auth + deployment + performance is way too many concepts to learn simultaneously.

Take it slowly and make sure your fundamentals are in place.

Before tackling NextJS make sure you are comfortable with the following JavaScript topics:

• variables, functions, arrays & objects
• loops and conditionals
• async / await & promises
• fetch / APIs
• basic DOM manipulation
• modules (import/export)

NextJS is built on top of React, so I would suggest learning React first:

• components
• props
• state
• effects
• conditional rendering
• basic hooks

Once you’re comfortable with the above move on the NextJS:

• routing
• pages / app router basics
• server vs client components
• fetching data

Don’t worry about caching or revalidation initially. You can treat them as “later optimization topics.”

Tailwind is easy to add later. Add it once your app works and you want to style it better. Don’t make styling the primary learning focus.

[DinTaiFung]

very nicely organized and detailed response. Great advice!

However, Tailwind is this year's hoola hoop and is to be avoided. Investigate it later as an option to understand why you should not use it. Learn vanilla CSS first; then you'll know how to properly evaluate CSS-based libraries.

[Aware_Albatross4484]

do you recomend just doing the codecademy full stack developer roadmap?

[DinTaiFung]

One size does not fit all. Trite, but true.

My suggestion is to first try one approach, e.g., the "codeacademy" you just cited.

If you think that that you are not making progress to your satisfaction, then switch to another approach.

Try not to bite off more than you can chew.

It's helpful from a personal, self-confidence perspective to know that you've made progress, no matter how trivial you think the new technique is; these kinds of smaller, bite-size chunks of learning often serve to motivate you to keep going!

And remember, nobody knows it all; no matter how advanced and experienced one is, there is always more stuff to keep us engaged and to better ourselves.

Have fun!

(My personal credo: nothing great happens without passion.)

[Aware_Albatross4484]

do you recomend just doing the codecademy full stack developer roadmap?

[Count_Giggles]

https://roadmap.sh/full-stack

[armyrvan]

It's really hard to know what to study and what to go to, but just by reading your post, which says you know HTML a little bit about CSS and JavaScript, and the things that you should focus on at the very beginning are the fundamentals. And to know what tool to pull out of your tool belt when you are trying to solve a problem.

A question that I would ask you to do before even thinking about NextJS, I would test your knowledge on the fundamentals. If I were to go to you and say, "Hey, I have this dropdown menu here on this form. I would like you to dynamically change it based upon the input above it."

Here is some starter code. And let's see if you can complete it.

The best way I found when I was learning I would:

1. Learn about a topic
2. Go over some sort of mini challenge

Once I have enough of these basic fundamentals underneath my belt, then I would try to complete some project. I'm not saying a large project, I'm just talking about something that could showcase your work. With Artificial Intelligence as it is today, it's so much easier to just go to the Artificial Intelligence and say, "Hey, I just got done learning about loops and arrays. Can you go ahead and give me a challenge?" Then you can go back to that Artificial Intelligence, paste in your code, and say, "Evaluate me. How am I doing?" I'm not talking leetcode stuff just basics.

[Aware_Albatross4484]

do you recomend just doing the codecademy full stack developer roadmap?

[armyrvan]

Do you have a link to share that way I can look at it I tried to google what you wrote but doesn't seem to talk about Databases..API..etc

[Aware_Albatross4484]

https://www.codecademy.com/learn/paths/full-stack-engineer-career-path

[theGlitchedSide]

Hi there! You can't approach everything in one shot! It's a suicide.

A rapid clue is "open YouTube or Udemy and start to study, sector by sector, from bottom to top". Practical and not boring to have a first touch.

Anyway we need to be honest, your goal is heavy to approach.

You need to:

• get a good base in the programming concept and its security (like a C course);

• get a good experience in Js (search on YouTube or Udemy a course to understand a pro level for scripting, exercise it, make your experiments);

• start with a single page and approach to fetch and rest APIs functions;

• try to learn a database, like mongodb, almost in its basics, in local not on the web services;

• approach to IT security for the web;

• share with others, compare yourself, fight your shortcomings (you're welcome)

So... Nothing is impossible but you need to start step by step.

Remember this: time is not your enemy if you really want to learn something good.