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
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.
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
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.
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!
Routers
Our application will need to handle differnt kind of requests, this will be a work for our routers.
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.
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.
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.
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
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
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.
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
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.
+
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.
+
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
+
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.
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 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).
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.
+
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.
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!
Routers
Our application will need to handle differnt kind of requests, this will be a work for our routers.
+
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.
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.
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.
+
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
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
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
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.
We will show you how this new subjects are applied in the real world.
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.
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