10 months Beginner-friendly 7 real-life projects 70% practice 14+ live sessions

Web
Developer
Learn all the necessary tools and languages such as
JavaScript, Git, React, HTML/CSS, and more. Become
an in-demand specialist, and find your first job with
Refocus’ Career Center. No IT experience needed.

Web Developer
These are some of the tasks you might
do on a daily basis as a web developer

creates landing pages, websites with multiple pages,

Create layouts and develop web pages.
and web apps to help businesses achieve their goals

As a Web Developer, you can work in many industries, Customize website functionalities.

including IT, finance, education, web developer,

and government. Work with servers and databases.

Companies need web developer

to create appealing websites

This is why the demand for web developer is skyrocketing

4,720+ 1,000+ ₱ 60,000

Vacant web developer Companies looking Average salary 

positions for web developer of a web developers *Information from
jobstreet.com.ph and indeed.com

During the course, you will master all the key

skills to be in demand on the job market

The program is 100% compliant with entry-level job requirements.

We have analyzed hundreds of job postings and talked to top
experts to create the path that will lead you to your dream job.

Languages:
Problem solving

JavaScript, HTML, CSS & critical thinking

Tools:
Industry

Git, React, Node.js, knowledge
PostgreSQL

Curriculum
Module Duration

Web Development:

1 week
Key Skills and Career Opportunities

Your First Functioning


Write
6 weeks
Website in JavaScript

Make Your Website Responsive


8 weeks
and Interactive

Combine Multiple Pages in One Website 7 weeks

Integrate Third-Party Services 5 weeks

Store Data from Your Website to a Database 4 weeks

Configure User Authorization 7 weeks

Set Up an Environment 8 weeks

Graduation

Total: 10 months

Introductory module

Web Development:

Key Skills and Career

Opportunities
1 week

In the intro module, you will dip your toes in the world of web

development. You will learn what web developers do, what

companies they work for, what their usual tasks are, what skills you

need to become one of them, and what career paths to choose.

Unit 1. Introduction Module Outcome

Lesson 1. Onboarding and Goal-setting
At the end of the module, you will have a good grasp of
Lesson 2. Your Future CV what web developers do and how to meet the market’s
requirements. You will develop an awareness of the
Lesson 3. Who is a Web Developer?
industry’s key companies, associations, and influencers.
Lesson 4. Where Can You Work as a Web Developer?
Lesson 5. How to Get a Job as a Web Developer?

01
Module

Write Your First

Functioning Website

in JavaScript
6 weeks Individual project

Learn JavaScript to develop your first web page. Start with the
basics and then dive into functions, cycles, and objects. Walk
“
through the path from Hello, world !" to a news website and start
using a repository in Git to keep track of all the changes in it. Then
learn to write a unit test: a program that tests a small part of code
and helps find mistakes.

Unit 1. Develop a Web Page in JavaScript Unit 2. Save the History of Website Changes in Git
Lesson 1. JavaScript: Variables, Operators & Cycles Lesson. Git: Create Repos

Lesson 2. JavaScript: Arrays, Objects, & Functions

Lesson 3. Recursion, Methods, & Debugging

Task: Develop Functionality

Unit 3. Write Unit Tests to Validate Your Code
Lesson 1. Manual and Automated Unit Testing

Task: Write Unit Tests for Functionality

Individual Project: Develop a Simple Website
 Module Outcome

and Test It
At the end of the module, you will be able to work
Add a news list and a function to search by string and sort
with developer tools and understand the basic terms.
items and unit tests. Show how you can debug errors
You will learn how to create a website and find bugs.
and add sorting and validation.
You will also have a clear understanding of what unit
testing is and why developers need it.

02
Module

Make Your

Website Responsive

and Interactive
8 weeks Individual project

Start using HTML and CSS to create a responsive website layout

and reach all types of users on any kinds of devices. Make your
website interactive by creating forms so that users can order goods,
create accounts, or register for events. Learn to develop functional
and interactive web pages that can change depending on a user’s
actions using React.

+ Create a landing page for your CV and the CV itself. Integrate

a form so potential employers can contact you.

Unit 1. Create an Adaptive Layout Unit 2. Create a Website Form

Lesson 1. HTML Document Structure & Basic Tags Lesson 1. JavaScript. Garbage Collector, Inheritance, Classes,

& Modules
Lesson 2. CSS: Selectors, Images, & Flexbox
Lesson 2. DOM Manipulation. Trees, Elements, Events,
Lesson 3. CSS: Media Queries, & Adaptive Layouts
Properties & Methods

Task: Create an Adaptive Layout Task: Create an Authorization

Unit 3. Create an Interactive User Interface Career Track. Create an Outstanding CV

Lesson 1. React. JSX, Components, & Basic Hook
Lesson 2. React. Component Life Cycle
Lesson 3. React. Testing
Lesson 4. Git. GitHub Pages

Individual Project: Make your first interactive landing Module Outcome

page for your C V! At the end of the module you will know the basics of HTML
Integrate a form for users to leave their contact info.
 and HTML tags. You will understand HTML document
Test the page, and debug errors. structure and tag attributes. You will also know how to work
with CSS, selectors, images, and flexbox. In addition, you
will have an understanding of media queries, adaptive
layouts, DOM, JSX, and more.

03
Module

Combine Multiple
Pages Into One Website
7 weeks Group project

Work with dynamic routes that enable the smooth operation of

a website with multiple pages. The bigger your website gets, the
less easier it becomes to edit its code and learn how to optimize
it, but you will know how to solve the problem. Develop a website
with information on 894 pokemons.
+ Dig in the usual teamwork in web development, study

the questions employers ask web developers during technical
interviews, and learn how to answer them.

Unit 1. Configure Routing to Process Unit 2. Optimize Your Code to Work With Ease
Lesson 1. HTML/CSS. Preprocessors & Grid Lesson 1. Optimization. Algorithm Complexity,

Big O Notation, & Data Structures
Lesson 2. JavaScript. Event loop & Async Functions
2. React Optimization. Pure Components,
3. React. Children, Context, Lists & Keys & Refs
Lesson
Lesson
useCallback, useMemo, & Profiler
Lesson 4. React Router. History Objects, Routes & Outlet

Task: Configure Routing Task: Optimize a Code in React

Career Track. Crack Technical Interviews

Group Project: Create a website with info on all Module Outcome

894 pokemons!
At the end of this module, you will know what preprocessors,
Demonstrate your skills in developing complex event loops, and async functions are. You will learn more about
yet optimized websites. children, context, lists, and keys. Moreover, you will discover
algorithms' complexity, data structures, and pure components.

04
Module

Integrate Third-Party
Services
5 weeks Individual project

Begin implementing complex solutions for your website and

integrating ready-made solutions by other developers. Learn
to set data requests and make integrations possible through
third-party services. Develop a web app for a beer shop with
brewery locations.

+ Practice solving cases at technical interviews,

and be prepared to get employed.

Unit 1. Send Network Requests and Handle Responses Unit 2. Install Packages of Third Parties
Lesson 1. HTTP. Methods, Headers & CORS Lesson. NPM

Lesson 2. JavaScript. Network Requests & Error Handling

Lesson 3. Redux

Career Track. 

Part 1: Solve the Most Common Interview Cases
Task: Request Data

Individual Project: Develop a web app for a beer Module outcome

shop with brewery locations!
At the end of this module, you will know more about

Integrate third-party services to show locations. http methods, CORS, and network requests.

You will also have an understanding of how

Redux works.

05
Module

Store Data from Your

Website to a Database
4 weeks Individual project

Analyze what is happening with your website by gathering data.

Create scenarios that enable you to collect data. Learn to store it by
adding it to a database and automatically update it so the database
stays relevant.

+ Take your CV web page and store all the data you collected
from the form to a database.

Unit 1. Create an Endpoint to Send a Response Unit 2. Create an Endpoint to Collect Data
Lesson. Node.js. HTTP Module & Request Handling Lesson. Databases & SQL

Task: Develop a Working Endpoint Task: Create an Endpoint to Collect Data

Unit 3. Add and Update Data in a Database Career Track.

Part 2: Solve the Most Common Interview Cases

Lesson. Databases in Node.js

Individual Project: Store data from a website to a database! Module Outcome

Take your CV web page and store all the data you gathered At the end of this module, you will understand how JS in server
from the form to a database. environments and HTTP modules work. You will know how
to handle requests, work with databases, and use PostgreSQL.

06
Module

Configure User
Authorization
7 weeks Individual project

Study ways to build necessary endpoints so that users can create

accounts and log in on your website. Learn how you can keep all
(
the users’ personal info well-protected on the back-end and the
front-end .) Process sensitive data in JavaScript so that users’ data
stays safe.

+ Collate your projects in a portfolio to showcase your best skills.

Unit 1. Configure Routing on the Back-end Unit 2. Authorize and Check Authorization
Lesson 1. Express Lesson 1. JavaScript. Sensitive Data

Lesson 2. NestJS. Decorators, Controllers & Authorization Lesson 2. JWT. Access & Refresh Tokens

Task: Configure Endpoints-Points Task: Create Logic for Authorization

Unit 3. Create an Authorization Career Track. Create a Portfolio

Lesson. React Router. Private Routes

Individual Project: Create an authorization logic! Module Outcome

Make it possible for web store users to creat e
 At the end of this module, you will know how to configure
their accounts and log in. routing on the backend, store user sensitive data, and work
with tokens and private routes.

07
Module

Set Up an Environment
8 weeks Group project

Master website deployment. Learn how to set up Swagger to

conduct project bundling and to deploy your website via Git to be
able to quickly switch back to working versions of your website.
Create a new website using all the skills you’ve learned.

+ Practice passing technical interviews at your best in order


to get a job.

Unit 1. Set Up Swagger Unit 2. Set Up a Project Environment

Lesson 1. Nest Deploy Process Lesson. Project Bundling. Webpack, Babel & Bundles

Task: Set Up and Configure Swagger Task: Set Up a Project Environment

Unit 3. Deploy a Website Career Track. Tech Interviews: Test

Lesson. Git. Merge, Reset & Stash

Task: Deploy a Code for a Browser

Group Project: Create a brand new Module Outcome

dynamic website using all your skills!
At the end of this module, you will be able to work with the
Meet all the project requirements
Nest deploy process. You will also have an understanding
and apply everything you’ve learned. of what webpack, babel, and bundles are. In addition, you
will know how to merge, rebase, reset, and stash.

Graduation
Reflect on your education at Refocus, set new career goals,

and learn how we can help you after graduation.

How we teach so you can understand


web development from the very start to job offer

We structure our program around We provide a lot of practice We build a community of like-minded
real-life cases, the ones that web tasks, so you can build people so you can feel supported all
developers solve on a daily basis. confidence in your skills. along the way.

We provide supplementary materials We work with best experts

like checklists and guides that you in web development who create
can refer to while solving tasks. the course materials and guide
you through the program.

Recommended minimum system 


requirements for the course

Processor (
Intel Core i3 or equivalent better if Intel Core i5 )

RAM 8 GB

any video card with at least 500MB ̧of video RAM;

Video card for example: GeForce 7300 GT or Intel HD Graphics 620

Contact our manager

to know more

Email: info@refocus.me

WhatsApp, Viber: +63 285 409 705

Website: refocus.me