Immersive Full Stack Web & Software Engineer Bootcamp Syllabus - HyperionDev
Immersive Full Stack Web & Software Engineer Bootcamp Syllabus - HyperionDev
Over the course of this blended bootcamp, you’ll learn the principles of full stack web development and
software engineering in detailed online modules, with frequent on-site check-ins to ensure that you’re
progressing consistently toward final certification. As with all HyperionDev bootcamps, you’ll have access
to 1-on-1 mentorship, regular video chats, and prompt review and feedback on all your coding submissions
so that you can create programs and websites at a high-level industry standard.
Learn web development and software engineering in a blended course that teaches:
Progress from the basics of programming, web development, and data management as you learn to use
HTML, CSS, SCSS, and JavaScript. Once you are comfortable with these you will be introduced to more
advanced web development concepts including PHP and advanced HTML, Git and GitHub version control,
as well as the MERN full stack, including MongoDB, Express, React.js, and Node.js. You’ll also learn essential
and advanced concepts in software engineering through Java and the principles of object-oriented
programming (OOP). During each phase, you’ll complete capstone projects and create real applications,
websites, and programs.
By the end of this online course, you’ll gain a skill set that is as wide as it is deep, and the confidence to
excel in any tech job.
The Process
hyperiondev.com Page 2
Outcomes of the Bootcamp
Once you’ve completed the Certified Full Stack Web & Software Engineer Bootcamp, you will be able to:
Make use of advanced JavaScript concepts like jQuery, JSON, and DOM manipulation.
Understand a wide range of software engineering concepts taught in Java, including Object-
Oriented Programming, recursion, and algorithms.
Use PHP to manage server-side functions, and employ SQL Server to access relational databases and
create plugins for WordPress sites.
Understand and use various advanced concepts in full stack web development using the MERN
stack (MongoDB, Express, React and Node).
Build your brand with a rich portfolio, detailed technical CV, and fully developed professional LinkedIn
profile to increase your employability.
Our mentors are expertly trained by CoGrammar, the only company that sources, trains and integrates
code reviewers into the lives and bootcamp curriculum of our students. The on-demand code review
method helps our students become fluent in the language of their choice.
hyperiondev.com Page 3
Our Mentored 1-on-1 Code Review Centric Approach Works
Code review enables you to learn to code the right way through mastery of deeper aspects of software
development that are a prerequisite for a career in coding. We help you master the deeper aspects of
industry-level development and set the foundation for a lucrative career in coding.
Automated code checking is like spell check for computer programs. But you can’t write a world-
class essay with just good spelling — you need the right tone, facts, grammar, and style. Only human
review of your code can help you learn aspects of coding that are analogous to tone and style that
will make you truly fluent as a developer — automated graders just can’t help you learn this!
Your mentor will ensure you move at a steady pace by helping you debug your programs within 48
hours. Your mentor will help you debug your programs and move forward so you never drop out.
Developers in the real world have their work assessed by a senior developer through the technique
of code review. We’re the only bootcamp in the world that exposes our students to this technique
from day 1 so you get an unfair advantage in the job market.
You’ll be paired with an experienced mentor who will guide you through 1-on-1 calls, career coaching,
and live chat and email support.
Learn as part of a cohort of students all working towards ultimate career fulfilment. Join online group
tutorials, community chats and meetups, and peer coaching.
Join us on campus for frequent check-ins, and overcome obstacles in your practical coursework as
you work towards formal certification.
hyperiondev.com Page 4
Why you should choose a career in tech
There is great advantage in knowing how to code, as it brings new career opportunities, skills
development, and personal growth. The last decade has seen massive growth in the use of digital
technologies, and today, tech firms offer some of the highest-paying jobs in the world.
Knowing how to code increases your competitive advantage in the working world, even if you don’t make
the move to a new tech career. Companies are always looking for prospective hires who know how to solve
problems and innovate, as well as use technology in addition to their core skill set – skills that can easily be
highlighted with knowing how to code.
Finally, coding skills bring many personal rewards. Programming requires a mindset of thoughtfulness and
innovation in assessing and solving problems, and as you develop these abilities, you build a skill that can
be used in almost any area of your life.
We’re with you every step of your journey, and our support doesn’t end when you graduate. Our career
services are developed to help you stand out from the crowd, and grab the attention of top employers.
hyperiondev.com Page 5
Career Paths
A website is always much deeper than what you see: beneath the buttons and banners lies a deep
system of complex machinery that allows the website to do all kinds of things, from authenticating your
activity, and ensuring your session is secure, to creating databases, interacting with other websites, and
allowing deeper functionality. A back end web developer is tasked with writing out the code that makes
these technologies and functions work.
Designing and implementing methods of data storage, as well as managing these databases and
storage methods
Overseeing all server-side web application logic, and ensuring that the server is stable and
continues to operate with zero downtime
Coding the back end to ensure that front-end packages work as intended
Documenting changes to code on the back end of a website, and recording detailed
documentation of all changes
Creating and implementing security systems to ensure the website is safe and stable
Rewriting and improving code to improve the speed and efficiency of systems
Implementing new technologies to optimise the website’s speed and functionality, or to expand
its capabilities
Average Salaries
According to Indeed.com, a back end web developer earns an average salary of
approximately R429,240 a year.
Full stack developers are web developers who are experts in the wide range of technologies that a
website needs to function. These professionals deal with all parts of the web development cycle, from
programming everything you see and interact with on the front end of a website, to creating the systems
and databases on the back end that allow the website to complete complex tasks.
hyperiondev.com Page 6
The responsibilities of a full stack developer include:
Creating the front end of a website, including user interactions and the site’s visual layout
Uploading or updating the copy, images, and other content of the website
Creating the servers and databases that will be used by the back end’s functions
Optimising the speed and functionality of all web content across a range of operating systems,
browsers, and platforms, as well as on mobile devices
Average Salaries
According to Indeed.com, the average annual salary for a full stack web developer
in South Africa is approximately R487,555.
Software engineer
Large software systems require heavy high-level planning to ensure that code is written in a structured
manner. Creating highly structured, meticulously documented code allows for the code to be easily
understood and altered (if needed) – and software engineers are responsible for creating these highly
ordered systems. Just like with civil engineers who plan, oversee and implement the construction of
buildings, software engineers conceptualise, direct and create the software we all use on a daily basis.
Conceptualising innovative ways to solve problems, based on a deep understanding of the problem
and detailed knowledge of existing tools and methods
Creating systems and software using up-to-date programming conventions and modern
technology stacks
Tracking and analysis of data, and using this information for systems optimisation
Documenting all key changes, software, architecture, and other related operations
Average Salaries
The average salary for a software engineer is approximately R371,099 per year,
according to Payscale.
hyperiondev.com Page 7
Structure of the bootcamp
This immersive bootcamp begins with the foundational essentials of programming and web
development. Master the basics of creating web pages and web programs with a variety of coding
languages, frameworks and tech stacks. Then progress to more advanced concepts in programming and
create highly advanced websites and software applications.
hyperiondev.com Page 8
Breakdown of syllabus
This immersive bootcamp is structured to teach you the core tenets of front end and back end web
development, and the essentials of software engineering, before progressing to more advanced concepts
in both fields. Over the course of twelve months, you’ll develop a deep and broad understanding of both
web development and software engineering.
Expand your capabilities by teaching you how to use additional frameworks, technology stacks and
programming languages
Show you advanced functionalities and techniques in both software engineering and web
development, so you’re confident in handling a wide range of challenges
Practise your skills by completing numerous capstone projects spread across all three levels of the
bootcamp
The intensive and more demanding nature of this application-only, immersive bootcamp means that
you’ll be faced with a wide range of tech challenges, and given the knowledge and tools to solve them.
With our unique 1-on-1 mentored support, you’ll have around-the-clock access to expert guidance, review,
and feedback on your work. The code you submit for each task is reviewed by your mentor within a day
of submission. This industry expert mentor will help you to fine-tune your code, to take the efficiency and
quality of the programs that you create to a high industry-aligned standard. What’s more, the on-site
check-ins will ensure that you’re excelling in all aspects of the bootcamp, whether it’s the core curriculum
or your larger capstone projects.
hyperiondev.com Page 9
Breakdown of syllabus continued...
1 Thinking like a programmer: Learn how pseudocode can help you clarify your thoughts
Pseudocode and properly plan your programs before writing any code.
2 Your first computer program Get acquainted with JavaScript and write your first program.
3 Variables: String, numerical Learn how to store and interact with the data in your
and boolean data types programs using variables.
4 Beginner control structures: Learn how to use conditional statements to make decisions
If, else and else-if statements in your program.
5 Logical programming: Learn how to tell the compiler how to perform specific
Operators mathematical, relational or logical operations using operators.
6 Capstone Project I: Variables Put your knowledge of variables and control structures to the
and control structures test.
7 Beginner control structures: Learn how to execute a block of code repeatedly using loops.
While and for loops
8 Towards defensive Discover the different types of errors that might occur in your
programming I: Error programs and how to handle them.
handling
9 Beginner data structures: Discover the most frequently used and versatile collection
Arrays and maps data types used in Javascript: arrays and maps.
10 Beginner programming with Learn how to use JavaScript’s built-in functions as well as your
functions: Using built-in own defined functions to provide better modularity for your
functions and defining your programs and encourage code reuse.
own functions
11 Capstone Project II: Arrays, Use all the knowledge you have gained throughout this
functions and string handling course to create a cipher.
hyperiondev.com Page 10
15 Capstone Project III: Create an Create an attractive website using HTML and SCSS.
online store using HTML and
SCSS
17 Programming in JavaScript II: Learn how to create JavaScript functions that handle events
Event handling on your HTML pages.
18 Programming in JavaScript III: Learn how JSON and the Web Storage API are used to
JSON facilitate communication between the client and the
webserver.
19 Programming in JavaScript IV: A brief introduction to the popular "Write Less, Do More"
jQuery JavaScript Library.
20 Capstone Project IV: Add dynamic elements and functionality to the website
JavaScript fundamentals created in the previous Capstone Project using JavaScript.
21 The command line for web Learn to use the command line for web development. Learn
development basic commands and functionality used with the command
line.
22 Version Control I: Introduction Explore the Git version control system and the GitHub
to version control and Git collaboration platform.
23 Version Control II: Git basics Dive into using Git and discover how to set up a repository,
use common Git commands, commit a modified file, view
your project's history and branch.
24 Version Control III: Learn how to deploy your websites using GitHub Pages.
Deployment of static websites
25 Build your Brand I Use GitHub to start building a portfolio of work that you can
share with others to showcase your skills.
hyperiondev.com Page 11
Level 2: Advanced Programming Tasks: 21
Concepts Capstone Projects: 3
3 Introduction to Java Learn how to create and efficiently use Java methods.
programming III: Methods
4 Java text I/O Learn how to read from and write to external storage
mediums.
6 Advanced OOP Learn about inheritance and how it can be utilised to make
your code neater and more logical.
9 Towards defensive Learn how to guard against errors you don’t expect.
programming II
11 Capstone Project II: Putting it Extend and complete the programme you have been
all together building in the previous two Capstone Projects.
14 Computer science Learn what computer science is and discover how Big O
fundamentals and Big O notation is used to describe the performance of algorithms.
notation
hyperiondev.com Page 12
15 Build your Brand II Create or update your LinkedIn profile to connect with a
network of professionals and let people know about your
skills.
16 Version Control IV: Pipelines Learn about more in-depth Git concepts like stashing,
commits, pulling and pushing.
17 Containers: Docker In this task, you will learn Docker: a service that is used to
build and share applications regardless of the platform it is
run on.
Master
Database Design, Learn the fundamentals of SQL and create your own
Assess Implementation and relational databases.
Development
18 Java database programming: Explore the JDBC: the Java API for accessing relational
The JDBC databases.
21 Build your Brand III Join the HyperionDev Careers community to make yourself
visible to Hyperion hiring partners.
hyperiondev.com Page 13
Level 3: Advanced Web Development Tasks: 37
with the MERN Stack Capstone Projects: 5
1 Introduction to full stack web Get to grips with some key concepts in full stack web
development development including server-side rendering (SSR), client-
side rendering (CSR), single-page applications (SPA) and how
a browser actually works.
2 Introduction to PHP Learn about the benefits and uses of PHP as well as
fundamental programming concepts like data types,
conditional statements, loops and functions.
3 HTML form handling in PHP Take a look at using superglobals to collect form-data.
4 Form validation in PHP Explore how we go about validating forms using PHP.
6 Cookies and session Learn about how we store and manage information using
management cookies and session variables.
7 Error handling Practise using Exceptions and error handling in your PHP
code.
8 SQL Server in PHP Learn to use PHP to interact with a SQL Server database.
10 Capstone Project I: PHP and Consolidate your knowledge of SQL Server, Laravel and PHP
SQL Server in this project.
12 WordPress themes Learn to make a theme using your own CSS to customise an
existing WordPress template.
13 WordPress plugins Learn to write your own plugin to add to a WordPress site.
14 Capstone Project II: PHP and Put your knowledge of PHP and WordPress in this project.
WordPress
hyperiondev.com Page 14
17 ReactJS I: Introduction to Learn the fundamentals of ReactJS, set up your environment
ReactJS and create React Elements using JSX.
18 ReactJS II: Components Discover the most important concept when using ReactJS:
components.
19 ReactJS III: Events Learn how to create React applications that respond to
events.
20 ReactJS IV: Managing states Learn about states and how to make React components
more dynamic.
21 Capstone Project III: Create a Create a game using React to showcase your mastery of the
React app ReactJS concepts introduced so far.
22 Deploy a React app Deploy your app to Heroku to share your work with the world!
23 ReactJS V: Fetching data Fetch data from a remote source using React.
24 ReactJS VI: Testing a React Learn to write tests for your React application using Jest.
app
25 Introduction to Node.js Install Node.js. Learn what Node.js is and the advantages of
using it. Use existing Node.js modules and create Node.js
modules.
28 Full stack with React and Learn how to get React to interface with your Express back-
Express end.
29 Testing and refactoring Node. Learn the importance of using test-driven development.
js Learn how to use popular testing frameworks.
30 Capstone Project IV: ReactJS Create a full stack web application using Next.js and Express.
34 Authentication with JWT Learn how to introduce authentication with JSON Web
Tokens into your webpages.
hyperiondev.com Page 15
35 Capstone Project V: Put your knowledge of authentication into practice in this
Authentication Capstone task.
36 Build your Brand IV Get some pointers for a successful technical interview and
connect with your HyperionDev Careers team to arrange a
mock interview.
37 Build your Brand V Make your mark by ensuring that all components of your
online presence related to your professional brand are
finalised.
hyperiondev.com Page 16