Sharing Is Caring:

Web Development Essentials: Frontend Backend Database in LDE

  • Use Postman, Postbird and Chrome Developer Tools in a Docker Virtual Environment with a Postgres Database in locale
  • Free tutorial
  • Rating: 3.6 out of 53.6 (61 ratings)
  • 7,687 students
  • 1hr 57min of on-demand video
  • Created by Luca Nigido


What you’ll learn

  • To get a development environment ready for development in few minutes instead of hours
  • To use the instructions of an open source project as a template for all your future projects
  • To configure and run one or more Postgres databases in a local environment
  • To run a local development environment with virtual machines, and run the frontend, the backend and the database on those virtual machines
  • To create your own editable copy of the frontend and backend open source projects in your own gitlab repository
  • To use the open source repositories of this course as a template for your projects


  • The only requisite is to be able to download and install software on your laptop


In this course I show you how to run a frontend, a backend and a PostgreSQL database on your laptop, in a Docker Virtual Environment made of two containers, one for the frontend, one for the backend and the local database.

Read Also -->   An Introduction to Asset-Backed Securities

I assume you have a new laptop with nothing installed, so we start from the very beginning, installing Google ChromeDocker DesktopVagrantPostmanPostbird and VsCode.

I show you how to create a Gitlab account for the source code.

I show you a few schemas about how Google Chrome, Postman and Postbird are essential tools to ensure that the code you are writing is working, and then we use this tools to test the project on your laptop.

We use as project for the course an open source template project with a frontend, a backend and database that is ready to be run on a Docker Virtual Environment and is also ready to be deployed online with Kubernetes.

  • The frontend uses ReactReact RouterRecoil and Apollo GraphQL.
  • The backend uses NodeJsApollo GraphQL, and Prisma.
  • The database is a PostgreSQL

The template open source code project is the extreme simplification of a bigger and extreme complex project, and for this reason is fully featured and includes Single Sign On Authentication.

The open source project is from the public fullstackunicorn gitlab account and you can use it as a template for any of your future projects.

Who this course is for:

  • To a developer that wants a local development environment easy to setup and kubernetes ready
  • To any team that has experienced the issue β€œIt works on my laptop, why is it not working on yours?”
  • To the windows user that wants to follow instructions using linux commands
  • To the frontend or backend developers that want a professional template that is not so easy to figure out and configure from scratch (It took us few days and few projects)
  • To anyone that wants a professional environment ready in less than 10 minutes
  • To anyone that was struggling to configure a virtual environment
  • To anyone that is experiencing issues with Virtualbox and vagrant (especially on a laptop with Apple chips)
  • To anyone that tried to have a Postgres database in locale but didn’t manage to make it work
  • To the complete beginner that is struggling to have his laptop ready for development
  • To anyone that wants to make his environment portable, and recreate it from scratch in less than 10 minutes on a new laptop
Read Also -->   No Code Web Development

Show less

Course content

7 sections β€’ 16 lectures β€’ 1h 56m total lengthCollapse all sections

Intro4 lectures β€’ 16min

  • Welcome to the course03:41
  • About the series01:31
  • Overview of the Project of the course10:02
  • The plan for the course00:25

Watch Web Developer Essentials: Theory and Practice2 lectures β€’ 18min

  • Theory11:48
  • Practice: All the steps06:41

Watch Web Developer Essentials: All the steps in a row1 lecture β€’ 5min

  • Web Developer Essentials: All the steps in a row05:15

Watch Local Environment: Theory and Practice5 lectures β€’ 48min

  • Theory10:16
  • Practice: Local Environment02:07
  • Practice: Backend19:31
  • Practice: Frontend14:43
  • Practice: Switch Off01:16

Watch Local Environment: All the steps in a row1 lecture β€’ 22min

  • Local Environment: All the steps in a row22:08

Do the procedure2 lectures β€’ 5min

  • Do the procedure a step at a time01:34
  • Do the procedure over and over03:42

Record a video1 lecture β€’ 2min

  • Record a troubleshooting video or the challenge02:07

πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡ Click Below to Enroll in Free Udemy Course πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡

Go to Course

πŸ‘‡πŸ‘‡ See Also πŸ‘‡πŸ‘‡

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock