Download - CERTIFIED Full Stack Web Developer
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.