Full Stack

Web Developer
Bootcamp
BOOTCAMP OVERVIEW
Full Stack Web Developer

Overview

You’re here because you want to learn the skills needed to become a world-class web
developer. Or perhaps you’re coding already, and want to take your career to the next
level. Either way, you’ve come to the right place. This bootcamp equips you with the skills
needed to build dynamic, data-driven and career-boosting web applications using the
most cutting edge and popular web development tools in the market today.

Learn to develop dynamic web applications using HTML, CSS, JavaScript, MongoDB,
Express, React, Node.js and Next.js, among many other industry-relevant web
development technologies.

That sounds great, but is that all you’re going to get from this web developer bootcamp?
You’ll learn far more than merely how to work with different technologies. Throughout the
bootcamp, you learn how various technologies and devices interact to make full-stack
web applications work like clockwork. You’re taught professional approaches to product
design, along with the best practice guidelines needed for implementing software
development projects.

Expanding your Web

Development horizons

Throughout the bootcamp, you’re introduced to more than one development framework
and different approaches to web development. Supporting all of this, you’re introduced to
object-oriented programming and functional programming, and how they’re used in web
development to produce world-class results.

This bootcamp helps prepare you for interviews and job applications. As you work your way
through the programme, you will complete a series of capstone projects to demonstrate your
powerful development skills to future employers, or for building your own online business.

Stellenbosch University is collaborating with online education provider HyperionDev to offer a portfolio of high
impact outcomesoriented online bootcamps. The partnership aims to broaden access to tech education through an
engaging human-led online model. Upon completion of the bootcamp programme, a certificate of completion may
be issued in the name of HyperionDev and Stellenbosch University. This certificate is neither a formal, accredited pro-
gramme nor a course of Stellenbosch University, and will not provide access to or recognition of learning for
such programmes or courses.
Full Stack Web Developer

The proccess

Step 1 Step 2
Log onto your personalised Complete coding
dashboard exercises online

Step 3 Step 4
Your code reviewer reviews Perfect your coding over
your work within 48 hours 3-6 months

Step 5 Step 6
Receive a certificate on Start your new career in tech with
completion HyperionDev support

Outcomes

• Learn HTML, CSS, JavaScript, MongoDB, Express, React, Node.js, and Next.js.
• Develop and design dynamic web applications using various technology stacks.
• Understand crucial software algorithms and their application to web development.
• Create databases and data-driven web applications.
• Become job-ready in as little as 3 months.

Code reviewers in partnership with

HyperionDev

Bootcamp code reviewers are expertly trained to integrate code review into the lives and
bootcamp curriculum of students. The on-demand code review method helps students to
become fluent in the language of their choice.
Full Stack Web Developer

Our 1-on-1 code review

approach works
Code review enables you to learn to code and work with web development tools the right
way, which is a prerequisite for a career in web development. We help you master the deeper
aspects of industry-level coding skills to set the foundation for a lucrative career in web
development.

Here’s why learning through code review is smarter:

DON’T MAKE THE SAME MISTAKES AS COMPUTERS

• Automated code checking is like spell check for computer programs. You can’t
write a world-class essay with just good spelling — you need the right tone,
facts, grammar, and style. Only human-led code review 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!

GET UNSTUCK WITH ON-DEMAND TECHNICAL HELP

• Our code reviewers will ensure you move at a steady pace by helping you debug
your programs within 48 hours. This will help you to keep moving forward so that
you never drop out.

BE EXPOSED TO THE INDUSTRY STANDARDS FROM DAY ONE

• 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 one so that you get an advantage
in the job market.
Full Stack Web Developer

We layer a proven, personalised

approach to our code review

INDUSTRY EXPERTS TAILORED TO YOUR GOALS

• You’ll be able to select expert code reviewers who will guide you through 1-on-1
calls, career coaching, and live chat and email support.

JOIN A COMMUNITY OF CAREER-CHANGERS

• Learn as part of a cohort of students all working towards ultimate career
fulfillment. Join online group tutorials, community chats and meetups, and peer
coaching.

FREE OF FEAR OF FAILURE

• 1-on-1 code review support builds confidence and lets you progress at your
own pace. Establish a safe space to discuss any roadblocks without fear of
failure.
Full Stack Web Developer

Why Web Development?

The World Wide Web has become ubiquitous. More than three billion people access it daily,
with the list growing. Web developers remain highly sought-after, and their importance to the
IT world shows no signs of waning. Aside from the social construct of the web, companies of
all shapes and sizes are dependent on the internet. They rely on web developers to help them
carve out a piece of digital real estate that keeps them relevant in today’s digitised economy.

With the ever-increasing proliferation of online applications, the demand for skilled front-end
and back-end web developers has grown greater than the number of people who possess
those skills. This makes web development a competitive and lucrative career economy to
break into. Even if you don’t wish to become a web developer, familiarising yourself with
the basic skills and languages used in web development is a valuable tool in any software
developer’s skillset.

How we get you hired

We’re with you every step of your journey, and our support doesn’t end when you complete
your bootcamp. Our career services are developed to help you stand out from the crowd,
and grab the attention of top employers.

TECHNICAL CV AND PORTFOLIO BOOTCAMP CERTIFICATE

Receive technical assistance in getting your CV Walk away with a newly minted certificate as
industry-ready according to accepted evidence of your skills and expertise in Web
best-practice format. Development.

INTERVIEW PREPARATION JOIN OUR HIRING NETWORK

Know what to expect when getting ready for that We work with select hiring partners and aim to
big interview with expert interview preparation help you land your first tech job interview after the
from professionals who have been where you are. completion of the bootcamp.
Full Stack Web Developer

Career paths
JAVASCRIPT DEVELOPER:
JavaScript Developers are responsible for a website's programming, development, and
implementation, and may find themselves juggling a variety of programming duties that go
into the creation of websites. They may be responsible for a whole site or just specific aspects
or pages of one or more websites.
Responsibilities include:

• Building sustainable coding that may be used in the future.

• Ensuring the feasibility of UI/UX designs.

• Enhancing performance of the main front-end website.

• Modifying designs and specifications of complex applications.

• Analysing code, requirements, system risks, and software reliability.

• Collaborating with front-end and back-end web developers.

A JavaScript Developer in South Africa is R1 577 999 a year. Lows ranging between
R30,000 to R50,000 a month at entry level.

UX DESIGNER
UX Designers improve the accessibility and effectiveness of software and hardware from a
user's perspective. They collaborate with developers, programmers, engineers, and project
managers to determine product goals. UX designers build wireframes, test prototypes, and
conduct focus groups. They make modifications to products as necessary.
Responsibilities include:

• Planning and conducting user research and competitor analysis.

• Interpreting data and qualitative feedback.

• Creating user stories, personas, and storyboards.

• Determining information architecture and creating sitemaps.

• Creating prototypes and wireframes.

• Conducting usability testing.

According to Indeed, the average salary for a User Experience Designer is R 620 561 per year
in South Africa.
Full Stack Web Developer

FULL STACK DEVELOPER

Full Stack Developers are computer programmers who are proficient in both front and back-
end coding. Their primary responsibilities include designing user interactions on websites,
developing servers, and databases for website functionality, and coding for mobile platforms.
Responsibilities include:

• Developing front-end website architecture.

• Designing user interactions on web pages.

• Developing back-end website applications.

• Creating servers and databases for functionality.

• Ensuring cross-platform optimisation for mobile phones.

• Ensuring responsiveness of applications.

According to Indeed, the average salary for a Full Stack Developer is R 48 875 per month
in South Africa.

COMPUTER PROGRAMMER
A Computer Programmer, or Systems Programmer, writes code to help software
applications operate more efficiently. Their duties include designing and updating
software solutions, writing and updating source-code, and managing various
operating systems.

Responsibilities include:

• Reviewing operating systems and software frequently and making any

adjustments necessary to keep them running well.

• Writing code and implementing computer programs on multiple systems in

the business.

• Building and using computer-assisted software engineering tools to automate

some coding.

• Performing all requirements needed for the implementation of automated

computer systems from start to finish.

• Using code libraries to simplify the writing of code.

• Collaborating with software developers in the creation of programs for their
organisation.

The average salary for a Computer Programmer is R 174 746 per year in South Africa.
Full Stack Web Developer

WEB DESIGNER

As a Web Designer, you'll plan, create and code web pages, using both technical and
non-technical skills to produce websites that fit your customers' requirements. Being involved in
the technical and graphical aspects of pages, you'll determine not only the look of the website
but how it works as well. You may also be responsible for the maintenance of an existing site.
Responsibilities include:

• Drawing up detailed website specifications.

• Designing sample page layouts including text size and colours.

• Designing graphics and animations, and manipulating digital photographs.

• Registering web domain names and organising the hosting of the website.

• Editing content, debugging code and re-designing web pages.

• Working with other web specialists, including web developers and graphic
designers.

• Liaising with outside agencies.

• Coding using a variety of languages.

• Search engine optimisation (SEO).

The average salary for a Web Designer in South Africa is R 157 940 per year. A mid-career Web
Designer with 5-9 years of experience earns an average total compensation of R239,808 per year.

TECHNICAL AUTHOR
As a Technical Author, you will be responsible for writing specialist information about products
and services, and how they work. You will need to explain how things are used in a way that is
easy to understand. The information may be presented in the form of user guides for software
applications, reference and instruction manuals for appliances, training guides, instructional
videos or online help incorporated into software and operating guides.
Responsibilities include:

• Collaborating with developers and managers to clarify any technical issues.

• Using the product or service in question to understand the technology and

applications for which documentation is being prepared.

• Gathering and analysing the information needs of the user.

• Organising information according to your user's needs.

The average salary for a Technical Author is R 31 147 per month in South Africa and R 439 921
per year for an entry-level salary.
Full Stack Web Developer

Breakdown of the syllabus

Our online coding bootcamp helps you progress from learning the basics of web development
to becoming a full-stack web developer, with an exciting career. Advance from a beginner to
an advanced level, and get started on the career path you want.

BOOTCAMP PREP (BEFORE YOU START)

• Here is where you get to learn about the software development industry, and
how we support you in achieving your development goals. Explore working with
HTML and CSS, and get a taste of what web development involves, making you
more prepared to commit to the Full-Stack Web Developer Bootcamp.

WEB DEVELOPMENT ESSENTIALS (BEGINNER LEVEL)

• An introduction to web programming using HTML, CSS, JavaScript, and JQuery.
Learn how to build websites that your user can interact with, such as online blogs
and events applications. Develop an online store in your capstone project by the end
of this level.

WEB DEVELOPMENT WITH REACT AND EXPRESS (INTERMEDIATE LEVEL)

• Master using React, a JavaScript library for building user interfaces. Learn to
use Express, a minimal and flexible web application framework. Understand
how to set up a repository for a new or existing project, and start using version
control and common Git commands.

FULL-STACK WEB DEVELOPER (ADVANCED LEVEL)

• Learn full-stack JavaScript development using the popular MERN stack, and
become competent in algorithms and software development process best
practice. Compile the web applications that you have developed in this bootcamp
into an online portfolio that showcases your newly mastered skills.

CAREER READINESS AND EMPLOYABILITY (POST BOOTCAMP COMPLETION)

• We provide career support and guidance, including interview preparation and CV
review, to equip you with technical skills and professional career development
tools to succeed in your job search.
• We introduce our participants to the industry through various networking events,
career expos and job opportunities with our hiring partners. Most of our participants
get hired within six months of completing their bootcamp with our support and
mentorship.
Full Stack Web Developer

Structure of the bootcamp

The bootcamp is structured to allow you to start coding as soon as possible.

• Teach you the theory needed to develop a skill.

• Enable you to practise implementing your knowledge by completing

practical tasks.

Remember, you’re never alone. You can contact one of our expert code reviewers for 1:1 support whenever you need help with a
task. The code you submit for each task is reviewed by a code reviewer who is an industry expert, to help improve efficiency and

Web Development essentials (Beginner)

Tasks: 34 Capstone projects: 5

Thinking Like a Programmer Learn how pseudo code can help you clarify your thoughts and
1
- Pseudo Code properly plan your programs before writing any code.

Your First Computer

2 Get acquainted with JavaScript and write your first program.
Program

Learn how to store and interact with the data in your programs
3 Variables and Datatypes
using variables.

Beginner Control Structures Learn how to use conditional statements to make decisions in
4 - If, Else, and Else-If
your program.
Statements

Logical Programming - Learn how to tell the compiler how to perform specific
5 Operators and Switch mathematical, relational, or logical operations using operators
Statements and switch statements.
Full Stack Web Developer

Capstone Project I -
Put your knowledge of variables and control structures to
6 Variables and Control
the test.
Structures

Beginner Control Structures Learn how to execute a block of code repeatedly using
7
- While Loops while loops.

Beginner Control Structures Learn how to work with for loops, an essential form of
8
- For Loop iteration.

Towards Defensive Discover the different types of errors that might occur in
9 Programming I - Error
your programs and how to handle them.
Handling

Beginner Data Structures - Discover the most frequently used and versatile
10
Arrays and Maps collection data types used in JavaScript: arrays and maps.

Javascript Functions - Learn how to use JavaScript’s built-in functions as well as

11 Built In and Defining Own your own defined functions to provide better modularity
Functions for your programs and encourage code reuse.

Learn how to manipulate text using JavaScript's built-in

12 String Handling
API.

Capstone Project II -
Use all the knowledge you have gained throughout this
13 Arrays, Functions and String
course so far to create a useful program.
Handling

14 Data Structures - 2d Arrays Extend your knowledge of arrays.

Explore the concepts of recursive programming and how

15 Applied Recursion
to “think recursively”.
Full Stack Web Developer

Towards Defensive
16 Learn how to guard against errors you don’t expect.
Programming II

Hypothesis-Driven
Learn a methodical debugging process that reduces the
17 Debugging With The Stack
reliability of changing code randomly to fix bugs.
Trace

Learn the fundamental concepts about objects, OOP, and

Introduction to Oop I:
18 how the "this" keyword is used to limit variable scope to
Objects and "This"
the current object.

Introduction to Oop II - Further introduction to the principles of Object Oriented

19
Classes Programming.

Learn how you can improve the modularity and reuse

Introduction to Oop III -
20 of code using inheritance and the critical role it plays in
Inheritance
JavaScript's object system.

Apply the fundamentals of object-orientation to solve a

21 Capstone Project III - Oop
simple problem.

22 HTML Learn to use HTML to add content to a webpage.

Learn to improve the accessibility of your web page

23 Semantic HTML
structure by using semantic HTML.

Learn the fundamental concepts of basic CSS such as

24 CSS 1 - Introduction to CSS
selectors.

25 CSS II - The Box Model Learn about how the box model is used in CSS styling.
Full Stack Web Developer

Create websites that change structure according to the

26 Responsive Design display size of the device viewing them, regardless of the
device, for a much better user experience.

27 Bootstrap CSS Learn how to style like Twitter does.

Capstone Project IV: Create

28 a Web Page Using Html and Create an attractive web page using HTML and CSS.
CSS

Learn how to make use of closures in JavaScript and

Closures and Arrow
29 get up to date with the latest arrow function syntax
Functions
introduced in ES6.

Learn about higher-order functions. i.e functions that

take other functions as arguments, or have a function as
30 Higher-Order Functions
a return value, and how functions in JavaScript are first-
class citizens.

Learn an essential part of JavaScript, the use of callback

Programming With
31 functions. These are functions passed as arguments to
Callbacks
other functions.

Use promises to apply asynchronous code in JavaScript –.

32 Promises code that only executes when another piece of code has
completed its execution.

Learn async-await for asynchronous code and the

33 Async / Await
syntactical difference between this and promises.

Capstone Project V:
Apply your new knowledge to create an application that
34 Concurrency with
uses asynchronous JavaScript.
Asynchronous Javascript
Full Stack Web Developer

Web Development with React and Express

(Intermediate)
Tasks: 18 Capstone projects: 2

Learn how to use DOM manipulation to dynamically

1 Dom Manipulation
change elements on your webpage.

Learn how to create JavaScript functions that handle

2 Event Handling
events on your HTML pages.

Introduction to Network Learn how computers communicate with each other over
Protocols and System the internet using the HTTP protocol, and the commonly
3
Architecture: Http and used client-server architecture for transferring information
Client-Serve using HTTP.

Learn how JSON and the Web Storage API are used to
4 Json facilitate communication between the client and the
webserver.

Learn the AJAX technique with JSON and the Fetch API
5 Ajax With Fetch to write web pages that are responsive to data from the
web.

Capstone Project I: Build a Create an interactive website using HTML, CSS, and
6
Complete Website JavaScript.

Dive into using Git and discover how to set up a

7 Version Control I: Git Basics repository, use common Git commands, commit a
modified file, view your project's history, and branch.

Learn about how Git is used in real-world collaborative

8 Version Control II: Pipelines
projects.
Full Stack Web Developer

Install Node.js and learn what it is and the advantages of

9 Nodejs.Js using it. Use existing Node.js modules (HTTP module and
File modules) and create Node.js modules.

Learn the fundamentals of ReactJS, set up your

10 Introduction to React.Js
environment, and create React components using JSX.

Class Components and Discover the most important concept when using
11
Props ReactJS: components.

State Management and Apply the principles of OOP to managing the state of your
12
Component Lifecycle class components.

Learn to work in the simplest and most modern way to

13 Function Components
create React components.

Apply the principles of functional programming to

14 React Hooks
managing the state of your function components.

Redux and Global State Learn how to manage the state of larger applications by
15
Management using a global state management system.

16 Deploy a React App Fetch data from a remote source using React.

Reactjs VI: Testing a React

17 Learn to write tests for your React application using Jest.
App
Full Stack Web Developer

Capstone Project II: Create Consolidate all that you have learnt to showcase your
18
A React App skills.

Full Stack Web Developer (Advanced)

Tasks: 16 Capstone projects: 2

Introduction to Express: the fast, unopinionated,

1 Express Web Framework I
minimalist web framework for Node.js

Learn to use Express's routing and application-level

2 Express Web Framework II
middleware.

Learn how to write custom middleware to modularise

3 Express Web Framework III
your Express applications.

Full Stack With React and Learn how to get React to interface with your Express
4
Express back-end.

Capstone Project I: Reactjs Create a full-stack web application using React and
5
and Express Express.

6 Introduction to Databases Compare relational, graph, and NoSQL databases.

Getting Started With Create a MongoDB database using Atlas: MongoDB's

7
Mongodb database as a service solution.
Full Stack Web Developer

Learn how to use Mongo, MongoDB’s administrative shell,

to create databases and collections. You will also learn to
8 Database Interaction
create, read, update, and delete (CRUD) documents from
collections.

Use Mongoose, a library that sits on top of the MongoDB

9 Database Interaction
driver, to write your own CRUD operations.

Learn how to introduce authentication with JSON Web

10 Authentication With Jwt
Tokens into your webpages.

Create a web app using Next.js: The React Framework

11 Next.Js I for server-rendered apps. Navigate between pages and
share components using Next.js.

12 Next.Js II Create dynamic pages with Next.js.

Learn what it means to create an app with a serverless

13 Next.Js III
architecture. Deploy your Next.js apps with Vercel.

Consider best practice guidelines for defining a

product – including gathering and documenting system
14 Define Your Product
requirements. Explore UI/UX design guidelines and tools
such as wireframing, prototyping and use cases.

Capstone Project II Part 1: Conceive, plan, and design your final full-stack web
15
Define Your Product application for this Bootcamp.

Capstone Project II Part 2:

Create a data-driven website using React, Express, and
16 Develop Full Stack Mern
MongoDB.
Application