Web development Javascript course

Online (5 weeks)
April 1st-April 29th

Get started on a new career in just 5 weeks! Learn all the fundamental skills needed to be a full-stack developer.

What will you learn?

Learn to build modern web applications using the popular MERN stack. In this course we will guide you through each part of the stack to create a fullstack web application. This is a great introduction to the world of fullstack JavaScript development. This course will introduce you to technologies startups are asking for on your resume

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5

cartoon girl Getting comfortable with JS functions and callbacks

Learn how to create and use javascript functions, how to define and pass arguments. Using functions inside other functions as callbacks.

cartoon girl What is Node.js

What is Node.js and why it is important, what are packages, how to install and remove packages in your package.json

Javascript logo Installing Express & setting up the server

We will create a new application using express for the backend, here we will show you the basic setup of an express app and how it works.

Smartphone with a magnifying glass What are middlewares

We will show you how express use middlewaree for basically everything in order to handle and do the things we need for our application, there is a lot of middleware availables for express app, and you can create you own!

Waves Routers

Our application will need to handle differnt kind of requests, this will be a work for our routers.

React logo Class versus Function Components

The community has shifted to using functions over classes as components in ReactJS apps, but most apps and sample code on the internet still use the class paradigm. You will have to learn this.state, render(), componentDidMount(), setState(), etc in addition to creating simple functions as components.

Fish hook Hooks

We will learn useState, useEffect, and useRef to give us the ability to have state and perform API calls while still using functions over components. Mastery of useState in particular is necessary to keep track of state in your ReactJS components.

Cartoon of a policeman React-Router

ReactJS is known for single page applications, but most applications made in the library for production use actually have multiple pages. React-Router gives you the ability to map components to paths so that you can simulate a traditional web app.

Web page with title that says API MongoDB

We need a database to store all the information our application might need, we will use MongoDB in order to do that, we will show you how to install and setup MondgoDB in our backend to start saving information

A flame NoSql

NoSql is a different paradigm for databases, here the information is store in key-value pairs instead of tables, this is optimal for speed when we need to retrieve big amounts of information

A teacher explaining to a group of students Models

Models are and abstraction of the elements in our application, designing good models will allow us to keep track of the right information, and ensuring the integrity of it.

Web page with title that says API Ajax

Now that we have our backend and our frontend, we need them to comunicate, Ajax is the way, by using js we can perform requests to interact with our backend and see, add or change information in our app

A flame Deployment

Finally, we will deploy our application(backend & frontend) so they will exist in the internet and other user will be able to use it.

+

cartoon girl Getting comfortable with JS functions and callbacks

Learn how to create and use javascript functions, how to define and pass arguments. Using functions inside other functions as callbacks.

+

cartoon girl What is Node.js

What is Node.js and why it is important, what are packages, how to install and remove packages in your package.json

+

Flujogram of tables in a database Databases

We learn the theory of relational databases including the proper use of foriegn keys, primary keys, types, how to connect tables, normalized data, and joins. You learn SQL to write queries and insertions into databases. You will practice modeling domains in ERDs (entity relationship documents) to plan your database.

A pencil and a ruler MVC

We learn the Model, View Controller paradigm. We learn how to create a system of RESTful routes to handle all CRUD requests. We learn how Rails uses MVC: connecting us to the database through our model classes, shaping what the user sees and experiences in the view files, and setting up variables and logic in the controllers.

Instagram logo Instagram Clone

We clone Instagram to work on how to apply our fundamentals to real world apps. We use Devise to learn Authentication and Authorization. We use Bootstrap to learn how to leverage external stylesheets so we’re not always writing our CSS from scratch. We learn ActiveStorage to handle the photos (which introduces the students to the distinction between saving images in the database versus a cloud service).

Rocketship First Project

The first project focuses on reusing all the skills from apps like Instagram put towards your own idea. Past students have created apps for meeting other bicycle enthusiasts, managing HR requests, blogs about sheep, etc. Students must create an app that uses login, CRUD, and custom visuals to create the first piece of your portfolio.

+

Javascript logo Installing Express & setting up the server

We will create a new application using express for the backend, here we will show you the basic setup of an express app and how it works.

Smartphone with a magnifying glass What are middlewares

We will show you how express use middlewaree for basically everything in order to handle and do the things we need for our application, there is a lot of middleware availables for express app, and you can create you own!

Waves Routers

Our application will need to handle differnt kind of requests, this will be a work for our routers.

+

React logo Class versus Function Components

The community has shifted to using functions over classes as components in ReactJS apps, but most apps and sample code on the internet still use the class paradigm. You will have to learn this.state, render(), componentDidMount(), setState(), etc in addition to creating simple functions as components.

Fish hook Hooks

We will learn useState, useEffect, and useRef to give us the ability to have state and perform API calls while still using functions over components. Mastery of useState in particular is necessary to keep track of state in your ReactJS components.

Cartoon of a policeman React-Router

ReactJS is known for single page applications, but most applications made in the library for production use actually have multiple pages. React-Router gives you the ability to map components to paths so that you can simulate a traditional web app.

+

Web page with title that says API MongoDB

We need a database to store all the information our application might need, we will use MongoDB in order to do that, we will show you how to install and setup MondgoDB in our backend to start saving information

A flame NoSql

NoSql is a different paradigm for databases, here the information is store in key-value pairs instead of tables, this is optimal for speed when we need to retrieve big amounts of information

A teacher explaining to a group of students Models

Models are and abstraction of the elements in our application, designing good models will allow us to keep track of the right information, and ensuring the integrity of it.

Our schedule at Bogota Bootcamp

We always start our class with a solid review and then we get into lectures and doing some exercises. Let’s start coding!

4:15pm

4:35pm

5:05pm

5:20pm

6:00pm6:15pm

Review
New subjects
Examples
Working in the application
Homework
Review Session4:15PM - 4:35PM

Here we will review last week homework and work on any doubt or issue that you might have.

Subjects of the class4:35PM - 5:05PM

This is when we’ll introduce new concepts and these concepts to previous lessons. These lectures are live and our lead instructor, Granger, will field questions and check in with the class to keep everyone up to speed.

Examples5:05PM - 5:20PM

We will show you how this new subjects are applied in the real world.

Time to code5:20PM - 6:00PM

Now is the time to make changes in the application we will be building in the course, every week this application will grow with the new subjects that we will apply.

Homework6:00PM - 6:15PM

At the end of each class we will give you some homework that would show up a little bit of what we will work on next week.

What will you build in this course?

The focus of this course will we to apply all the subjects to build a blog application.

The frontend of this application will have different pages for users to interact, we will create a landing page, to display all the posts, a page to display each post individually, and some pages for creating and editing the content of each post.

Our application will have a backend that will hold and retrieve information about all the posts created, with funtionality to change or delete this posts. This backend will be in charge of dealing with the database and the frontend