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: [email protected]
WhatsApp, Viber: +63 285 409 705
Website: refocus.me
