Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Master Deno, React, Mongo, NGINX running with Docker-Compose

via Udemy

Go to class Write review

Overview

Deno the new kid in town - How to use with Mongodb and React hooks running dev/prod in dockerized containers with NGINX.

What you'll learn:
  • Backend Development
  • Frontend Development
  • Docker
  • Docker-Compose
  • MongoDb
  • Running development setups in containers
  • NGINX

You just found the most comprehensive online resource on Deno, React Mongo, Docker, Docker-Compose and NIGNX available to date. This project-based course will introduce you, step by step to all of the modern tools that all top the line Deno and React developer should know in 2020.

We will build together a strong foundation during the course of this project, starting with Docker and Docker-Compose.

We will learn how to Dockerize all the applications we will need, creating no one or two Docker containers but four, we will learn how:

  • Create a Docker Image to host our Deno Application with hot-reload function

  • Create a Docker Image to host our Rect Drag'n'Drop application also with hot-reload

  • Create a Dockerized MongoDB container where we will map the data to a volume on our machine, so we never miss the data.

  • Create an NGINX Docker container to proxy the request between the API requests and the Front-End Requests.

And all that is just the beginning, we will also:

  • Setup Visual Studio to an extra fast development

  • Install all the necessary tools together

  • Learn how to create a Deno server using Oak

  • Learn how to connect Deno with MongoDB

  • Learn how to validate our data using Validasour

  • Make how to make our React application look Amazing with UiKit

  • Learn how to mutate state directly using Immer

  • Take Axios to make HTTP connections to its extreme

  • Learn step by step, the main hooks in react:

    • useState

    • useEffect

    • useReducer

    • useCallback

    • useMemo

    • and many custom hooks we will create

  • All you need to know to set up NGINX in Docker


The curriculum is going to be very hands-on as we walk you from start to finish of releasing a professional-grade Deno and React project from your development machine all the way into production.


We jump directly into the deep end and get our hands dirty, however along the way we will cover all Deno basics and then going into advanced topics so you can make right decisions on architecture and tools on any of your future Deno and React projects.


All code will be provided, and you will get access to the full project code, so signing up for the course will give you a project to put on their portfolio right away, and did I already say it is a full amazing Drag'n'Drop project noting like any other online course ever covered?


The topics covered in this course are:



3 reasons why this course is unlike anything out there:


1. You will build the most significant project you will find out there using Deno.

2. You will have an instructor that consults all over the world, solving the worst problems a company can have and train their employers, teaching you exclusively.

3. This course will always be evolving and updating as the landscape changes


With all that said, all you need to do is to...


Click ENROLL NOW and see you inside the course!

Syllabus

  • Create our Docker compose file
  • Create our Dockerfile
  • Installing Deno and React on our containers
  • Creating our Deno App
  • Creating our server using Oak
  • Connecting to Mongo
  • Validating with Validasaur
  • Creating our CRUD (Create/Read/Update/Delete)
  • Repositories and Interfaces
  • Setting the headers
  • Creating middle-wares
  • Cleaning up the Any types
  • Creating new routes
  • Understanding and creating the data shape
  • Creating Projections, Lookups and Aggregation in MongoDB
  • Docker signals to close (SIGTERM, SIGINT, SIGQUIT) - Respect
  • Setting up CORS with Deno
  • Back from the Future
  • Creating the React App (Front End)
  • Starting our React project
  • Installing and setting up UIkit
  • Creating the Navbar for our application
  • Creating the To-do Card
  • Grouping things
  • Being able to Drag'n'drop
  • Creating a Float Action Button
  • Creating a Modal Popup
  • Creating and use our first React Hook
  • Installing and using Immer
  • Reaming all the console error
  • Looping multidimensional arrays to create our 3 groups with cards
  • Creating and using our second React Hook
  • Creating our first Reusable Custom Hook
  • Creating a custom React Hook that reuse our other Custom React Hook
  • Creating still another custom hook that clean itself up after a run
  • Keeping and working with our data in local storage
  • Using the use Context hook
  • More work with local storage
  • Controlled components
  • More about use Context, that is an important hook to master
  • Reusing components
  • Yet another functionality to our cards, duplicate
  • Yet another custom hook, and this is a big one
  • use Reducer, it's nor Redux but looks a lot like it
  • use Reducer, understanding state and dispatch
  • Reducer with a little help from its friends
  • Refactoring the search bar to a reusable custom hook
  • Refactoring the local storage to a reusable custom hook
  • Drag'n'Drop in all its glory (I know you're waiting for it!)
  • Drag'n'Drop between groups

Taught by

Icaro Lavrador

Reviews

4.4 rating at Udemy based on 40 ratings

Start your review of Master Deno, React, Mongo, NGINX running with Docker-Compose

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.