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: 4.7 out of 5 (30 ratings)
5,187 students
1hr 57min of on-demand video
English
English [Auto]

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

Requirements

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

Description

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.

I assume you have a new laptop with nothing installed, so we start from the very beginning, installing Google Chrome, Docker Desktop, Vagrant, Postman, Postbird 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 React, React Router, Recoil and Apollo GraphQL.

  • The backend uses NodeJs, Apollo 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

Instructor

Full Stack Unicorn Developer - Frontend Backend Deployment
Luca Nigido
  • 4.8 Instructor Rating
  • 46 Reviews
  • 6,863 Students
  • 2 Courses

I am a Full Stack Unicorn developer and a business owner.


Years ago I decided to step in and write my own app myself.


I started by doing many courses but what really made the difference was to work together with expert programmers.

Those programmers were not writing code, but they were guiding me while I was writing the code, in a one-to-one daily call in screen sharing.

I started by following the instructions like a robot and I asked a lot of questions.

Until one day I noticed that our conversation was a dialogue at the same level on how to organise the code, define the conventions, and make the decisions together.


I started from the frontend in React/React-Native, Redux and Rest API with Axios, but now I replaced Redux with Recoil.

I wrote my own media library, so I kept the Rest API with Axios only for file uploads and all the rest is in GraphQL.

I continued with the backend, in Apollo GraphQL and Prisma, with Postgres SQL database.

And then the deployment with Kubernetes, on Digital Ocean.


It took more than one year to master the deployment with Kubernetes, and a few months after, to figure out how to automate the continuous deployment on Gitlab.


It was at that moment that I realised that it would have been difficult to find  developers with this set of skills… unless WE train them!


And this is how I landed on Udemy with this internship course series.


I am creating, upgrading and expanding this serie to help the programmers out of there to became full stack unicorn developers.


The more we are, the better it is for us, for our employers or clients and, in the end, for all the users.


My goal with this series is to fully cover each aspect of the same project, showing how to write a frontend for the browser and for the mobile, how to write a backend with a database, how to run a local environment and how to deploy a frontend, a backend and a database on a Kubernetes Cluster, on a real domain name with a valid SSL/TLS certificate.

Top companies trust Udemy

Get your team access to Udemy's top 19,000+ courses