We may earn an affiliate commission when you visit our partners.
Course image
Icaro Lavrador

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:

Read more

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

What's inside

Learning objectives

  • Backend development
  • Frontend development
  • Docker
  • Docker-compose
  • Mongodb
  • Running development setups in containers
  • Nginx

Syllabus

Create our Docker compose file

The first thing we will do is to dockerize all our applications, that include the backend in Deno, the frontend in React, the Mongo DB, later we will also add NGINX to it. In this first part of the course, we will create a docker-compose file to help us manage all this Docker containers

Read more

Let's create a Docker file to keep our React application

Let's create a Docker file to keep our Deno application

Hey guys,

For some reason this video is missing, I'm doing my best to find and re-upload, luckily it was a short video creating our first route in main.ts, route that is going to be exported on the very next video, the peace of code missing is inline 10 and it is this:

router.get('/', (context: any) => {

  context.response.body = 'Hello from Oak';

});

I'm really sorry about this, hopefully, this message will be replaced very soon and you will be able to watch all the explanation I give on the video once it is here.

Thank you for your understand,

Icaro

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Covers Deno, React, MongoDB, and NGINX, which are all relevant technologies for modern web application development and deployment
Uses Docker and Docker Compose, which are standard tools for containerizing and managing applications in development and production environments
Includes hands-on experience building a drag-and-drop project, providing practical skills and a portfolio piece for learners
Teaches React hooks such as useState, useEffect, useReducer, useCallback, and useMemo, which are essential for building dynamic user interfaces
Uses versions of software released in 2020, which may not reflect the most current features and best practices available today
Requires learners to install Visual Studio, which may require additional setup and configuration for some users

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Hands-on full-stack docker project

According to students, this course offers a hands-on approach building a full-stack application using Deno, React, MongoDB, NGINX, and Docker-Compose. Learners particularly praise the practical project that helps solidify understanding of integrating these modern technologies. While some older reviews noted potential challenges with environment setup and versioning issues, recent feedback suggests the course has received updates addressing some of these points. The course is seen as providing a strong foundation for developers looking to work with this specific stack, though it may be more suitable for those with some prior coding experience rather than absolute beginners.
Instructor actively updates course content.
"It's clear the instructor is updating the course based on feedback, which is great."
"Noticed that issues mentioned in older reviews seem to have been addressed in newer sections."
"The instructor seems responsive and committed to keeping the content relevant."
Learn a modern full-stack development stack.
"Excellent coverage of Deno, React hooks, MongoDB, and how they all fit together."
"I wanted a course that combined these specific technologies, and this delivered."
"Good introduction to Deno and integrating it with a React frontend."
Practical use of containerization tools.
"Understanding how to dockerize each part of the application was incredibly useful."
"The Docker-Compose section made managing the services much clearer."
"Working with Docker was a key reason I took this course, and it was well explained in the project context."
Builds a practical full-stack application.
"The hands-on project approach was fantastic; it really helped connect the dots between Deno, React, and Mongo."
"I loved building the full Drag'n'Drop project. It's a great addition to my portfolio."
"Building a complete application with all the parts working together is the strongest part of this course."
Fast pace, potentially challenging for beginners.
"The course moves quickly, which is good if you have some background, but might be tough for true beginners."
"Requires a solid understanding of JavaScript and potentially some prior React/Node experience."
"If you're new to all these technologies, you might need to supplement with other resources."
May encounter challenges with versions.
"Had some trouble getting the Docker setup working initially due to version differences mentioned in older reviews."
"Some parts required troubleshooting outside the course, especially with database connections."
"Be prepared to spend some time fixing minor compatibility issues with dependencies."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Master Deno, React, Mongo, NGINX running with Docker-Compose with these activities:
Review Docker Fundamentals
Solidify your understanding of Docker fundamentals to better grasp the containerization aspects of the course.
Show steps
  • Review Docker documentation.
  • Practice basic Docker commands.
  • Build and run a simple Docker image.
Brush up on React Hooks
Refresh your knowledge of React Hooks to prepare for the front-end development portion of the course.
Browse courses on React Hooks
Show steps
  • Review the React documentation on Hooks.
  • Practice implementing different Hooks in a small project.
Read 'Docker in Action, Second Edition'
Deepen your understanding of Docker concepts and best practices.
Show steps
  • Read the book cover to cover.
  • Experiment with the examples provided.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Containerize a Simple Application
Gain hands-on experience with Docker by containerizing a simple application, reinforcing the concepts learned in the course.
Show steps
  • Choose a simple application to containerize.
  • Create a Dockerfile for the application.
  • Build and run the Docker image.
  • Test the containerized application.
Document Your Docker-Compose Setup
Solidify your understanding of Docker-Compose by documenting your own setup, explaining the purpose of each service and network.
Show steps
  • Create a diagram of your Docker-Compose setup.
  • Write a description of each service in the setup.
  • Explain the network configuration.
Read 'React Design Patterns and Best Practices'
Improve your React development skills by learning about design patterns and best practices.
Show steps
  • Read the book cover to cover.
  • Implement the design patterns in your own projects.
Contribute to a React or Deno Project
Deepen your understanding of React and Deno by contributing to an open-source project, applying your skills in a real-world setting.
Show steps
  • Find an open-source React or Deno project on GitHub.
  • Identify an issue to work on.
  • Submit a pull request with your changes.
Deploy the Application to a Cloud Provider
Gain experience with deploying applications to the cloud by deploying the application you built in the course to a cloud provider like AWS, Google Cloud, or Azure.
Show steps
  • Choose a cloud provider.
  • Create an account and configure your environment.
  • Deploy the application using Docker containers.
  • Configure networking and security.

Career center

Learners who complete Master Deno, React, Mongo, NGINX running with Docker-Compose will develop knowledge and skills that may be useful to these careers:
Full-Stack Developer
A Full Stack Developer role greatly benefits from the skills taught in this course, as it covers both frontend and backend technologies. This course specifically focuses on React for the frontend and Deno for the backend, along with database management using MongoDB. The course's emphasis on Docker and Docker Compose for containerization is crucial for modern application deployment. A full stack developer needs to be able to develop, deploy, and maintain a complete application, so learning how to orchestrate containers with Docker is essential, as is data management, which the course covers with MongoDb. Furthermore the focus on building a complete project from start to finish is beneficial for learning the complete software development lifecycle for the full stack developer.
Software Engineer
A Software Engineer can benefit from the breadth of skills covered in this course, which encompasses both frontend and backend technologies. This course will help a software engineer build a foundation for full stack development by focusing on React and Deno. The course's emphasis on containerization using Docker and Docker Compose is valuable to learn modern development and deployment practices. This course's project-based approach, which also includes the use of NGINX as a reverse proxy, is crucial for a software engineer who needs to understand how to build, deploy, and maintain production-ready applications. A software engineer would find this course useful for modernizing their skill set.
Backend Engineer
Backend Engineers can leverage this course to build and deploy robust server-side applications. This course dives into Deno for backend development, covering topics such as server creation with Oak, database interaction with MongoDB, and data validation using Validasaur. The course also teaches how to set up a development environment in Docker containers which is critical for backend development. The course also covers important topics like building routes, controllers, middleware, and managing database connections, which are crucial to building backend systems. Since the course provides a practical, project-based learning experience, it helps backend engineers understand the entire lifecycle of deploying a production-ready application.
DevOps Engineer
DevOps Engineers can greatly benefit from this course by learning how to manage and deploy containerized applications. The course provides in-depth knowledge of Docker and Docker Compose, which are foundational for DevOps practices. It teaches how to create and manage Docker images for different components of an application including the frontend with React, and the backend with Deno. It also covers how to set up NGINX as a reverse proxy within Docker. Since this course teaches how to manage the full lifecycle of a project, from development to deployment, the course's practical approach is what a DevOps engineer needs to implement modern development practices.
Web Developer
A Web Developer who wants to learn full stack development can use this course. The course provides a strong foundation in both React for front end and Deno for backend development. This course also covers the use of MongoDB for database management, and the use of Docker with Docker Compose for containerization. This is an important skill for web developers. A web developer who wants to understand web application development and deployment would benefit from this course's project based approach to learning. The course can also help web developers understand how a full stack application works, from development to deployment.
Application Developer
Application Developers will find this course useful as it provides a comprehensive overview of how to build a full stack application using modern technologies. This course teaches how to build a backend using Deno and the Oak framework, and a frontend using React. It also covers data management using MongoDB and containerized deployment with Docker and Docker Compose. This course can help an application developer who wants to understand the full development lifecycle, from the initial design and implementation stages to deployment, and ongoing maintenance. The course also explores the use of NGINX as a reverse proxy. Because of the course's project-based approach, it can simulate a real-world development environment.
Frontend Engineer
A Frontend Engineer will find this course helpful in mastering modern frontend development techniques. While also teaching backend skills, the course includes comprehensive training on React, and also covers UIkit for building beautiful interfaces, and tools for state management, like Immer. Since the course also covers Docker and Docker Compose, which are required for containerized development and deployments, it is important for a frontend engineer who needs to deploy their work. By focusing specifically on a project based approach, the course also helps develop the full range of skills needed to develop and deploy a production-grade application from start to finish.
Cloud Engineer
Cloud Engineers who deploy and manage applications in cloud environments will find this course very beneficial. The course’s focus on containerization with Docker and Docker Compose is highly relevant to cloud deployments. The course provides practical experience in building and deploying applications, with its focus on infrastructure as code, and its use of NGINX for routing requests is important. Cloud Engineers also need to be familiar with databases like MongoDb and the course provides a strong foundation for integrating these with a full stack application. A cloud engineer would also benefit from this course's project based approach by getting experience delivering a complete production-ready project.
API Developer
An API developer will find this course particularly helpful, as the course covers building a full-stack application that relies on API endpoints. The course uses Deno alongside Oak to create a fully functional backend with API routes. Connecting to MongoDb for data persistence is explored along with data validation on the server side. The course gives a holistic view of full stack development, showing how a React front end interacts with the API. An API developer, who understands the needs of front end developers, will find the hands on project-based approach of the course provides valuable insight into the end-to-end development process.
Software Architect
A Software Architect will find this course helpful for understanding the practical aspects of modern application development. This course covers a wide range of technologies, including Deno for backend services, React for the front end, and MongoDB for the database. The course's focus on Docker and Docker Compose for containerization is also important for software architects to consider when designing scalable applications. A software architect is responsible for making critical decisions on application design and framework selection so this course’s project based experience can assist them in staying up to date with modern development practices, and enable them to make informed decisions.
Systems Developer
A Systems Developer can leverage the skills taught in this course to understand how to build scalable systems. This course covers backend development with Deno, focusing on the creation of APIs using Oak. It also covers database management with MongoDB. The systems developer can use the course to learn about containerization with Docker and Docker Compose. Experience with NGINX as a reverse proxy will also be valuable to learn how to orchestrate micro services in a modern environment. A systems developer who wants to learn about full stack development practices will find this course helpful because of its full lifecycle, project-based, hands-on approach.
Technical Lead
A Technical Lead can use this course to understand the technologies and techniques that their team is working with. The course covers React, Deno, and MongoDB as well as modern containerization techniques with Docker. A technical lead needs to be familiar with all aspects of software development, from front end to back end, database management, and deployment. This course is project-based and focuses on the full application development lifecycle to provide real world use cases for all the technologies it covers. This course may be useful for a technical lead looking to update their skill set, or for those wishing to manage a team that uses these technologies.
Solutions Architect
Solutions Architects can use this course to understand the practical challenges of implementing modern technology stacks. The course provides hands-on experience with frontend development using React, backend development using Deno, and data management using MongoDB, all orchestrated with Docker. This is the type of experience that is relevant to a solutions architect who is responsible for designing and overseeing the implementation of complex solutions to organizational problems. They will benefit from the project-based approach that this course offers. A solutions architect needs to be aware of all the tools and techniques used by developers, so this course can provide greater understanding of modern development processes.
Development Team Lead
A Development Team Lead will find this course useful to understand and apply modern development practices. While this course emphasizes technologies like Deno, React, and MongoDB, it also focuses on the practical aspects of building, deploying, and managing an application using Docker. A development team lead needs to be aware of the technologies and techniques used by their team, so this course can help a development team lead stay up to date on modern practices. This course can also help the development team lead understand the complete development lifecycle by providing a project-based learning experience.
Database Administrator
A Database Administrator may find this course helpful for gaining experience working with MongoDB within a modern full stack context. The course covers how to connect Deno to MongoDB, save data, and perform CRUD operations. The course teaches data validation practices, and refactoring, all of which are important for a database administrator. Furthermore, this course details the process of developing a complex, production ready application, which can give a database administrator valuable insight into how to integrate with a modern application development team. The project-based approach of the course provides a practical view of the challenges present when interacting with databases.

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Master Deno, React, Mongo, NGINX running with Docker-Compose.
Provides a comprehensive guide to Docker, covering everything from basic concepts to advanced techniques. It's a valuable resource for understanding the containerization aspects of the course. It can be used as a reference tool throughout the course. This book provides additional depth to the Docker concepts covered in the course.
Explores various design patterns and best practices for building robust and maintainable React applications. It's a valuable resource for improving your front-end development skills. It can be used as a reference tool throughout the course. This book provides additional depth to the React concepts covered in the course.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser