Somebody asked on how to get started on Full Stack web application development.

This is how I got started.

Client side Web Application Development:
---------------------------------------------------------------

• Start with basic HTML, CSS and JS, JSON. For quick learning, see W3Schools for these topic or YouTube it.

• Get a local web server. "200 OK!" webserver chrome extension is a good start. (https://chrome.google.com/webstore/...)

• Learn Chrome Dev Tools to debug the pages. YouTube it.

• Get a good IDE. I am very happy with VSCode. You can use it for very serious WebApps.

• Start learning JavaScript language in depth, but just related to Web Browser related topic or you would get sucked in server side too early.

• Install node.js. Learn NPM package manager. Learn basic node commands.

• Learn complexity of JS file referencing, JS modules in browser. Just learn, don't use it yet, to understand the benefits of code bundlers.

• Learn Webpack code bundler.

• Learn how to make you simple site much faster and using in Mobile using "Progressive Web Apps".

• Now learn to make modular UIs. I love React. Focus on getting the UI code modulear. Create Single Page sites. (You are not there yet to create a Web App) “Create-React-App” started kit is a good starting point.

• Learn to create multi-page site using React-router.

• Learn application state management using Redux.

• Learn to create application decision engine using Redux-Saga.

Practice and master each stage.

Along above, learn git / GitHub (to learn from others code), find good web resources like Medium / Smashing magazine, good YouTube channels etc. I subscribed to some popular Udemy courses too.

Server side Web development:
------------------------------------------
:) First learn client side Web Application development. Server side learning is another story.

Just finished coding the first parts of my soon to be obviously awesome CMS ,😁 been thinking about it for over a year, been designing it for about a month, did the database schema a week ago and this week I finally got to coding the UI kit, the database migrations and the foundation for the system 😄 and right now, I actually finished the installation page, much waow

Check out the most amazing video of the installation page here lol

https://youtube.com/watch/...

I just released version 2.0 of my UI package.
Laravel Livewire & Bootstrap 5 UI starter kit. This package is a modernized version of the old laravel/ui package for developers who prefer using Bootstrap 5 and full page Livewire components to build their projects. It also comes with a few features to boost your development speed even more.
GitHub: https://github.com/bastinald/ui
Demo Video: https://youtube.com/watch/...

I just released another UI, Auth, & CRUD scaffolding/starter kit package.

This is similar to my last package, but I've put everything inside one package. This makes it easier for me to integrate different features, as well as maintain it. This package has a bunch of improvements and some new features.

- Video: https://youtube.com/watch/...
- Repo: https://github.com/bastinald/ux

Thanks for checking it out. Hopefully someone finds it useful.

I recently released my latest UI, Auth, & CRUD scaffolding package called Laravel Livewire UI.

This package provides Laravel Livewire & Bootstrap UI, Auth, & CRUD scaffolding commands to make your development speeds blazing fast. With it, you can generate full, preconfigured Bootstrap UI, complete Auth scaffolding including password resets and profile updating, and Create, Read, Update, and Delete operations. The CRUD files even have searching, sorting, and filtering. This package also comes with full PWA capabilities.

- Demo Video: https://youtube.com/watch/...
- Github Repo: https://github.com/bastinald/...

Thanks for your time.