Full Stack Diagram of How Technologies Fit Together

Hello Everyone

I am a recently converted vb.net developer taking a Full Stack Web developer Boot Camp.  It is moving very fast and we are seeing quite a bit of information/technologies.  I am having a bit of trouble where they all fit together in the diagram.  

First we did HTML/CSS. Then added javascript.  Then moved the javascript to server side.  Then Node, Express, Sequelize. ORM, MVC, React/Yarn, Firebase, Mysql, Mongo.

Is there any kind of diagram that could help me understand how all of this relates together?

Thanks,
jimbo99999
Jimbo99999Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Pawan KumarDatabase ExpertCommented:
Now a days everyone is asking for FULL STACK Developer.

There is diagram in this URL will help you. There is also lot of information available in this link.

1_usrt2nX5MI9r0raHqTMukA.jpeghttps://dzone.com/articles/why-full-stack-development-is-too-good-for-you-in
1

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Jimbo99999Author Commented:
Good reading lvl 35...thank you.
0
Pawan KumarDatabase ExpertCommented:
welcome glad to help as always.
0
Jimbo99999Author Commented:
Hello.  I have spent some time watching tutorials after reading the article.   Are there any diagrams you know of that include a middleware layer along with directory structure and folders for for standardizing how to design the view?    Is MVC just one type of pattern...meaning there are different patterns that have different initials? Or is MVC a high-level name for how javascript projects are structured?
0
Pawan KumarDatabase ExpertCommented:
In which technology you wanted to create the application.? For Angular 2 apps ,you can use angular-cli which will create complete folder structure for app. MVC is best practice that will segregate your code from view.
InJavascript you can use ModuleRevealingPattern or singleton pattern depending upon your need.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Node.js

From novice to tech pro — start learning today.