Full StackWeb Developer

CERTIFIED

BOOTCAMP SYLLABUS

Hyperiondev.com Page 2

Overview

HTML CSS JavaScript MongoDB

Express React Node.js Next.js

Expanding Your Web Development Horizons

The Process

STEP 2 STEP 3 STEP 4 STEP 5 STEP 6STEP 1

Get paired with a 1-on-1 expert mentor

Complete coding exercises online

Your mentor reviews your work within 36-48 hours

Perfect your coding over 3-6 months

Create a portfolio, hone your CV, interview prep

Begin your new career in tech

Hyperiondev.com Page 3

Outcomes of the Bootcamp:

Mentors powered by CoGrammar

Hyperiondev.com Page 4

Our 1-on-1 code review centric approach works

Here’s why learning through code review is smarter

Be exposed to the industry standards from day one

Don’t make the same mistakes as computers

Industry experts tailored to your goals

Join a community of career-changers

Free of fear of failure

We layer a proven 1-on-1 personalised mentorship approach over our code review.

Get unstuck with professional technical help

Hyperiondev.com Page 5

Indeed an average annual salary of $78,631

$38,219 to $84,855

U.S. Bureau of Labor Statistics

Why Web Development?

How We Get You Hired

Technical CV and Portfolio

Interview Preparation Join our hiring network

Career Paths

Back-end Developer

Average Salaries

Average Salaries

Front-end Developer

Hyperiondev.com Page 6

Full Stack Developer

Average Salaries

Average Salaries

UX Designer

Hyperiondev.com Page 7

Web Development Essentials

Breakdown of the Syllabus

Bootcamp Prep

Before you start

Beginner level

Web Development with React and Express

Intermediate level

Full-Stack Web Developer

Advanced level

Interview and Getting Hired

Post graduation

Hyperiondev.com Page 8

Structure of the Bootcamp

12

Web Development Essentials

Tasks: Capstone Projects:

Tasks

1

Description

Introduction to HTML

Introduction to Web Development

Introduction to CSS

HTML II

CSS II

CSS III: Build attractive pages faster using Bootstrap

Programming fundamentals using JavaScript I: Variables and operators

Programming fundamentals using JavaScript III: Scripting and event handling

Capstone Project I: Create an online store using HTML and CSS

Programming fundamentals using JavaScript II: Conditional statements and looping

2

3

4

5

6

7

8

9

10

Hyperiondev.com Page 9

12

Programming fundamentals using JavaScript VI: JSON

Programming fundamentals using JavaScript V: OOP

Capstone Project II: Make your online store interactive using JavaScript

Introduction to jQuery I: Write less, do more

13

Programming fundamentals using JavaScript IV: Arrays

11

14

15

Introduction to version control

The command line for web development

Build your brand I

Git basics for version control

Build your brand II

3

4

5

6

7

ReactJS II: Components

8

9

Web Development with React and Express

Tasks: Capstone Projects:

Hyperiondev.com Page 10

Tasks Description

21

2

1Introduction to full stackweb development

Get to grips with some key concepts in full-stack web development including Server-side rendering (SSR), Client-side rendering (CSR), Single-page applications (SPA) and how a browser actually works.

Explore how to set up a repository for a new or existing project, use common Git commands, commit a modified file, view your project's history and branching.

Use GitHub to start building a portfolio of work that you can share with others to showcase your skills.

Showcase your personality, creativity and development skills by creating a personal website. Make this website available to the world using GitHub pages.

Advanced JavaScript

Understand advanced concepts that make JavaScript different from other programming languages including the Event Queue and Asynchronous Processing.

ReactJS I: Introduction to ReactJS

This task introduces ReactJS (a JavaScript library for building user interfaces) and guides you through setting up your environment and creating React Elements using JSX.

This task introduces the most important concept when using ReactJS: components.

Learn what version control is, what Git is and how to install Git.

ReactJS IV: Managing state11

12

13

ReactJS V: Fetching data14

15

Introduction to Node.js

ReactJS VI: Testing a React app

Express web framework II

Express web framework I

Full stack with React and Express

Testing and refactoring Express

Capstone Project II: ReactJS

16

17

18

19

20

21

ReactJS III: Events10

Hyperiondev.com Page 11

Learn how to create React applications that respond to events.

Create a game using React to showcase your mastery of the ReactJS concepts introduced so far.

Deploy your app to Heroku to your work with the world!

Fetch data from a remote source using React.

Learn to write tests for your React application using Jest.

Install Node.js. Learn what Node.js is and the advantages of using it. Use existing Node.js modules (HTTP module and File modules) and create Node.js modules.

Introduction to Express, the fast, unopinionated, minimalist web frame-work for Node.js.

Learn to use Express' routing and application-level middleware.

Learn how to get React to interface with your Express back-end.

Learn the importance of using test-driven development. Learn how to use popular testing frameworks.

Create a full-stack web application using Next.js and Express.

Learn about states and how to make React components more dynamic.

Capstone Project I:Create a ReactJS app

Deploy a React app

Full Stack Web Developer Tasks: 22Capstone Projects: 2

Tasks

1

Description

Introduction to AgileDevelopment Process

Build Your brand III

2

3

Create or update your LinkedIn profile to connect with a network of professionals and let people know about your skills.

Approaches to web developmentLearn design patterns like MVC and see how these patterns are implemented with the MERN stack. Compare various frameworks for web development.

Learn the importance and benefits of using an Agile Development Process.

Introduction to databases4

5 Getting started with MongoDBCreate a MongoDB database using Atlas - MongoDB's Database as a Service solution.

Compare relational, graph and NoSQL databases.

Database interaction6

7 Database interaction 2Use Mongoose (a library that sits on top of the MongoDB driver) to write your own CRUD operations.

Learn how to use Mongo (MongoDB’s administrative shell) to create databases and collections. You will also learn to create, read, update and delete documents from collections.

Next.js I10Create a web app using Next.js: The React Framework for server-rendered apps. Navigate between pages and share components using Next.js.

Define your product13

Consider best practice guidelines for defining product - including gathering and documenting system requirements. Introduce UI/UX design guidelines and tools such as wireframing, prototyping and use cases.

Build your brand IV8

9 Authentication with Express apps Learn to use Passport.js: the authentication middleware for Node.js

Join the Hyperion Connect community to make yourself visible to Hyperion hiring partners.

11 Next.js II Create dynamic pages with Next.js.

Next.js III12Learn what it means to create an app with a serverless architecture. Deploy your Next.js apps with Zeit Now.

14Capstone Project Part 1:Define your product

Conceive, plan and design your final full stack web application for this Bootcamp.

Capstone Project part 2:Develop full stackMERN application

15 Create a data-driven website using React, Express and MongoDB.

Hyperiondev.com Page 12

Hyperiondev.com Page 13

Interview Preparation I: Concurrency

18

Understand what concurrency is and what approaches to concurrency control would you recommend? Understand why is concurrency not a major issue with Javascript?

16 Analytics conceptsUse Google Analytics to gather information about how your web application is being used. Learn how to use Data points, Segmentation, Funnels and Cohorts for data analysis.

Build your brand V17Get some pointers for a successful technical interview and connect with your Hyperion Connect team to arrange a mock interview.

19Interview Preparation II: Big O Notation

Introduction to Big O Notation. Explain how Big O Notation is used to describe the performance of algorithms.

Interview Preparation III:Interfaces

20

What are interfaces? What are the advantages of using interfaces? How are interfaces implemented using JavaScript? What are the pros and cons of this approach?

21Interview Preparation IV:Hashing

Explain what hashing is and how it is used to access data quickly.

Build your brand VI22Make your mark by ensuring that all components of your online presence related to your professional brand are finalised.