Anyone else learning to code (front-end)?

Hello there,

Learning about all those things is a great idea, as it will help you understand the tools you use and let extend them (or just create your own) when it is not enough.

Now I am pretty sure people will quickly point you towards the latest trendy frameworks: Svelte, Vue, React, Angular, Backbone, jQuery or whatever came before.

However each of those frameworks usually comes with advanced syntax and fancy features (from a technical point of view) that make it harder to understand what's actually going on, especially considering you will be learning the framework, the language(s), the tooling surrounding them, etc. (and yes, a little git refresh).

Now I am not saying you should do everything without all those tools, but spending some quality time with HTML & the DOM, and with JavaScript (although I would recommend going with TypeScript) would certainly make the learning curve of those frameworks less steep.

If you decide to go with those frameworks, Svelte and Vue are the most lightweight, i. e. the ones with the lowest complexity. Obviously you can create the same websites with any framework.

Anyway if you have questions or anything, do not hesitate to ping me.

Hi Amanda,

I have posted this would also work for you regarding HTML, CSS, and JS. But for picking frameworks its not easy to suggest because there's so much opinion about what's the best and at the end of the day its opinions (they all have pros and cons over each other). I decided to learn React as a Library and Next.js as a framework. The Next.js team is doing great things with their framework work and also offer free deployment to their mother-company Vercel. To summarize just pick one stack and go with it instead of learning all of them (if you have time, do it later) so you can get better and better at and ship the product you're working on as soon as you can.

Going back to the resources, I would suggest you use the below (either separately or it might be better to do the common things from them together, such as, HTML first from all the below resources before going onto a new topic):

• The Odin Project (free)

  • for this one it's good to make it your first one as it will teach you some of the basics that usually are not taught elsewhere, such as, getting your environment ready. But its self-verification where it links to other sites to get more knowledge but it doesn't tell you when you're wrong or not. I don't think you should read everything they link to as it might get things complicated for you, I would suggest only do the bare minimum and when you feel like you want to advance yourself go back and check the resources that they recommend you should read. They have either full-stack Javascript or Ruby on Rails additionally.

• Free Code Camp (free)

  • this one is a great resource and it's different from The Odin Project in the sense that you need to get the code right before moving onto the next lesson. They have React part of the course and have Node.js and Express.js.

• General Assembly's Dash (free) is great too.

• Mozilla (free)

  • For documentation you should check this one (all resources will usually link to this website to expand your knowledge in the topics)

• Codecademy

  • If you are looking for paid course, I used Codecademy which I really enjoyed and also think its one of the best resources online. They have both free and paid, I have took a full year access to their courses. Many libraries and frameworks are available if take the paid version.

If you have more questions, please ask.

And all the best to you!