React Front To Back

Haha, wow, that same video was actually what got me into Javascript, which eventually led me to where I am now, creating full stack apps with React and NextJS. It's been about 2 years.

So here's the path I took. I wanted to learn JS after watching that video so I went to Udemy and bought a $10 course called modern Javascript from the beginning. It was pretty great but a little over my head. As soon as the first project rolled around, creating a book list application, I knew that I would need to go back and learn HTML/CSS first because I was completely lost on that side. So I put JS on hold for a few months and then did HTML/CSS from the beginning.

It took me 2 months to finish HTML/CSS course at about 1 hour a day, and after that I went back to the JS course and finished it in about 3-4 months.

After that, I felt I had a nice introduction to web dev, but was still totally a baby when It came to making things, so I did a few easy projects on my own to solidify my knowledge, and eventually stumbled across this course which was useful for learning more vanilla JS in practical applications. I did select projects from there and it helped but didn't do all 20 projects.

So in the process of doing that 20 project course, I actually went pretty deep on one of the projects, I believe it was the one using Meal DB. I created search and filter functionality and even different pages and everything, but after a while I started to realize how slow it was making projects with Vanilla JS. Over time I realized that people don't actually make full scale web apps using vanilla JS at least not professionally (though it can be done) - and was introduced to the React framework after this realization. I watched a lot of youtube about it and slowly started to see what React was about and later on (maybe 6-8 months after finishing that first JS course) I took this course for React and was thoroughly impressed. I learned a ton in this course, and I think it's a must for new React devs. This course changed my life.

In about 2 months, I had finished that React course, and then I was at a crossroads. Because up until this point I wasn't sure how far I wanted to go with web dev. It started as me watching a single JS video so that I could add a skill to my resume but the more I went with it the more I loved creating web applications. React was a total game changer, and suddenly I started to see how me, a solo developer, could create entire websites by myself. Suddenly I understood how people created such amazing portfolios and started to see that it was possible for me. So around this time I decided that I wanted to actually do several projects with React, develop a portfolio and Resume, and try to switch careers into it. I knew it would take a while, so I developed a plan while I worked from home during Covid and began spending like 3-4 hours a day working and learning this topic. This was around November of 2020, that I made this decision. It worked out for me well because I still got paid full time but also was learning what I wanted to learn at my own pace, which finally closed the door to the possibility of doing a bootcamp (which up to that point, I had been considering. Glad I didn't do it!)

Following that React course linked above, I did a solo project where I created a weatther application, and that took a few weeks. As Christmas/New Years of that year rolled around, I started to see that I had a new blind spot - backend and full stack. I had been messing around with React for months now but I had never used my own API, never created my own Database, etc, never created a server. And I started to see how easy it was to do that stuff. So I made a resolution to learn how to make a full stack React app, and a few weeks later I started this full stack react course (which I honestly wouldn't recommend, it was only ok) where I learned all about NodeJS and how to create a full stack application with Authentication and everything. That was eye opening and I learned so much, that after finishing it (about 3 months) I decided that I wanted to build one myself. Now we're in March 2021.

So started my longest solo project to date, which took about 4 months to fully build and deploy. This one was a doozie, I learned waaay more than I thought I would. That was only about 2 months ago that I finished that project (Early June).

Since then, Ive continued to mess around with Node and done some small projects, but I mostly have been learning NextJS, which I realized was valuable for how simple and easy it helped me to create full stack applications, and for how easy deployment was. For that large solo project, actually deploying was the hardest part.

So I took this course with Next JS which was so much fun. That took about 1 month and only 3 weeks ago, I started creating my Web Development portfolio using NextJS. And that's where I'm at now.

Anyway, it's long winded but I wanted to let you know my story and have a taste of the kind of time and patience it takes to develop skills with this. My advice is to figure out what you want out of Javascipt - do you want to just tinker with or do you want to use it to build full scale web applications? Because over time, my goals definitely shifted the more I learned about it, and now I'm actually building full scale apps, which is fun. I went into this thinking that JS by itself would be useful for my job, but it turns out that it really isn't. And to be honest, it's only so useful for building websites without a framework like React or Angular. The real power of Javascript, is using it with a framework to quickly build powerful reactive applications so I recommend you consider that before spending 6 months learning it.

Also, these course I've linked are just the ones I've used, not necessarily the best ones out there. The path I took was long, partly because I didn't know what to learn first, didn't know where I Wanted to take it. I think if I were to do it over, I would have spent way less time tinkering with vanilla JS and would have gotten into using a framework much sooner, because I could have probably cut out 8 months or so of learning time if I had done that.

So regardless of what you end up doing with Javascript, if you want to build websites, you'll need to learn HTML and CSS pretty well, so I'd start there and get the basics. Then work on building small simple web apps using JS where you're inserting and removing things from the DOM. After you've done 1 or 2 of those, start learning a framework like React, this will take a while and will feel weird at first but just stick with it. After you've gotten that exposure you should have a good idea if you want to continue learning this or not. Try a solo project something small and basic, and see if it makes sense. If it's fun just keep going!

best course for react crud application

https://www.udemy.com/course/modern-react-front-to-back/

React Front to Back:

https://www.udemy.com/course/modern-react-front-to-back/

Yeah, the original was called Front to Back https://www.udemy.com/course/modern-react-front-to-back/

2022 from just viewing the course content appears it just skips class based React altogether, and goes directly into modern React. It does seem to spend a lot more time on various React hooks, which is a good thing.

I've seen this as a recommendation

https://www.udemy.com/course/modern-react-front-to-back/

Hadd segitsek. Nekem ezek valtak be:
https://www.udemy.com/course/modern-html-css-from-the-beginning/
https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/
https://www.udemy.com/course/modern-react-front-to-back

React helyett valaszthatsz Angulart vagy Vue-t. Ezek js framework-ok. Talan React-tal vagy Vue-val jobban jarsz kezdokent.
Mindket csavonak vannak ingyenes yt csatornai, itt tudod csekkolni mielott barmit megvennel:
https://www.youtube.com/c/TraversyMedia
https://www.youtube.com/c/TheNetNinja

MongoDb is good and free!

also check out this course

https://www.udemy.com/course/modern-react-front-to-back/

its great and it does exactly what you want to do! and deploys on Heroku

Netlify may also be an option too.

I'm about to go through this one https://www.udemy.com/course/modern-react-front-to-back/learn/lecture/14969772#overview. I've used some of his smaller tutorials on youtube, and he's really good. Explains things in a way that's easy to understand and is pretty detailed.

Bueno, lo incluyo en otro post así te llega la modificación. Lo que yo hice después de estudiar un poco el mercado, es tirarme a web development. Por qué? Porque tiene mucha demanda, y además porque es facil adentrarte sin conocimiento previo.

El roadmap de cosas a aprender sería más o menos el siguiente:

FRONT END 1) HTML - Técnicamente no es un lenguaje de programación sino de marcado. Es muy sencillo y lo podes aprender en un par de tardes. Es el "esqueleto" de la página web, y se usa para armar su estructura. 2) CSS - Un lenguaje que se encarga de dar estilo a la página web. Si HTML es el esqueleto, CSS sería la piel de la página. Si bien tiene un millón de estilos, se rige mediante reglas de selección muy simples. En un par de días lo podes aprender, aunque van a pasar un par de meses hasta que le caches la mano al posicionamiento. OPCIONAL: Aprender a manejar una libreria tipo bootstrap o materialize. 3) Javascript. El primer lenguaje de programación propiamente dicho de esta lista. Cuando un navegador abre una página web, crea un Document Object Model (DOM), que representa el documento. Javascript permite manipular este DOM después de la carga inicial de la página, pudiendo modificar lo que se muestra en base a las acciones del usuario. Sería como los musculos, o el sistema nervioso de la página. Javascript es un lenguaje sencillo, pero a veces caótico. En una semana podes aprender lo básico, pero conlleva bastante práctica llegar a un nivel en que te sientas comfortable. ¿4?) Cuando te sientas suficientemente cómodo con vainilla Javascript, podes elegir un framework, como por ejemplo React, Angular o Vue.

BACK END. Acá el camino es mucho menos lineal. Recomiendo Node.js, ya que para estas alturas deberías estar familiarizado con Javascript. También estaría bueno que aprendas a trabajar con base de datos. Recomiendo para empezar base de datos relacionales, con algún manager como por ejemplo PosgreSQL.

El curso que más me sirvió es este, aunque se va demasiado rápido a React; descuida un poco el vainilla javascript: https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/

Ya un poco más avanzado, este es un buen curso de react: https://www.udemy.com/course/modern-react-front-to-back/

Y este es de lo mejorcito que vi de back: https://www.udemy.com/course/the-complete-nodejs-developer-course-2/

Here are some up to date 1 hour long projects

To do App

https://www.youtube.com/watch?v=fqup-BL3VjI&list=PLpOejIRxf6_ejmtmkdNX0EvZS89TW0TDC&index=3

Corona Tracker

https://www.youtube.com/watch?v=khJlrj3Y6Ls

Youtube "clone"

https://www.youtube.com/watch?v=VPVzx1ZOVuw&t=4076s

Quiz App

https://www.youtube.com/watch?v=hEtZ040fsD8

Expense Tracker

https://www.youtube.com/watch?v=XuFDcZABiDQ&t=1101s

Also if you want a more extensive in depth course i found this one to be very useful

https://www.udemy.com/course/modern-react-front-to-back/

It comes down to learning style! I'm self-diagnosed ADHD, so my learning style changes, so I bought them all. I would say any of these are great. I think they are all kind of neck and neck. The biggest thing is it comes down to updates and Q & A support.

​

https://www.udemy.com/course/modern-react-bootcamp/learn/lecture/14638530#overview

​

https://www.udemy.com/course/react-the-complete-guide-incl-redux/learn/lecture/8090842#overview

​

https://www.udemy.com/course/modern-react-front-to-back/learn/lecture/14969430#overview

​

https://www.udemy.com/course/react-the-complete-guide-incl-redux/learn/lecture/8090842?start=0#overview

​

https://www.udemy.com/course/complete-react-developer-zero-to-mastery/learn/lecture/15321204#overview

​

https://www.udemy.com/course/react-2nd-edition/learn/lecture/7517316#overview