Web Dev Syllabus
Web Dev Syllabus
Development
Bootcamp.
HTML5
Learn the anatomy of HTML syntax to structure your websites.
Understand the HTML boilerplate and HTML doctypes. Understand
indentation and nesting in HTML code.
Learn to use HTML tags to structure headings, paragraphs. How to structure
HTML lists to create unordered and ordered lists.
How to insert images using HTML
How to create hyperlinks using anchor tags. Create multi-
page websites.
Learn HTML best practices.
CSS 3
Understand what are cascading style sheets and how you can use it to style
your website.
How to use CSS selectors and properties.
Learn about how to use inline, internal and external CSS. Understand CSS
coding best practices.
Learn about CSS specificity and inheritance.
Learn and understand the CSS Box Model.
Learn to use developer tools to inspect and diagnose CSS. Learn about
CSS positioning and display properties.
Learn about font styling using CSS and web safe fonts. Implement
responsiveness using CSS media queries. How to use CSS float and
clear properties.
How combine CSS selectors and understand selector priority.
FLEXBOX
Learn about why flexbox was introduced to
CSS. Understand what happens when
display is set as flex. Understand flex
direction and how it affects layout.
Learn to use align and justify for layout of child
APP BREWERY items Understand how child items are sized and
distributed in a flexbox and use the flex shorthand
www.appbrewery.com property.
SYLLABUS GRID
THECOMPLETEWEBDEVEL Learn about how grid is different to flexbox and their
OPMENT strengths and weaknesses.
Understand what happens when display is set as grid.
BOOTCAMP Learn how grid sizing is done and how to create and
arrange a grid.
Learn to position items in a grid and how placement
across rows and columns is done.
Learn to use grid in combination with flexbox to create
complex layout using native CSS.
BOOTSTRAP
Understand the difference between native CSS tooling and external
frameworks.
Learn to install the Bootstrap framework into your website.
Understand the Bootstrap 12 column layout system. Learn to use
Bootstrap components such as buttons, carousels, cards and
navigation bars.
Accessing and incorporating designer icons from Bootstrap. Find and use
bootstrap code snippets, examples and pre-built templates to quickly created
beautiful mobile-first websites.
WEB DESIGN
Learn the fundamental principles of web design, UI and UX. Understand
colour theory and how to choose and use modern colour palettes to make
your website look professional.
Understand modern typography and choose free-for- commercial use
typefaces to make your website user friendly and stylish.
Learn to manage user attention using the key principles of User Interface
(UI) design.
Learn to design user friendly websites by understanding User Experience
(UX) design.
APP BREWERY
www.appbrewery.com
SYLLABUS Hi
THECOMPLETEWEBDEVEL
OPMENT
BOOTCAMP
Databases APPLICATION
PROGRAMINT
ERFACES(API
S)
Understand what APIs are and how they work.
H
T
T
P
i
n
D
e
p
t
h
C
a
l
l
i
n
g
A
P
I
s
Reading API
documentation
Basic API
Authentication
Server to server communication
JSON vs. XML, sending data over the wire.
EJS
Understand what EJS does and how to use it with Node and
Express.
Templating with EJS
Running code in EJS templates
Passing data from server to template and vice versa
Creating layouts/partials with EJS
DATABASE FUNDAMENTAL
S
Data
Relation
APP BREWERY ships
Designin
www. appbrewery . c om
g a Data
Model
Relation
al
Databas
es
Alternati
ve
Databas
es
Entity Relationship Modelling (ERM) and Object
Relational Mapping (ORM)
SYLLABUS SQL DATABASES
Working with Database
THECOMPLETEWEBDEVEL Schemas Create-Read-
OPMENT Update-Destroy (CRUD)
Database Joins
BOOTCAMP Querying SQL databases
NOSQLDATABASESWITH M
ONGODBANDMONGOOSE
Serialization
How to model NoSQL
data Document
Databases (MongoDB)
Create-Read-Update-
Destroy (CRUD) NoSQL
Best Practices
Mongo Shell and
command line use
Installing MongoDB
Mapping relationships with MongoDB
Using an object-data modelling library (Mongoose)
to work easily with your data.
DEPLOYMENT
Understand hosting and deployment. Hosting
static websites with GitHub Pages.
Deploying server based applications with Heroku. Deploying
Databases with Mongo Atlas.
APP BREWERY
www. appbrewery . c om
AUTHENTICATION and SE
CURITY
Understand the need for authentication
and keeping user details secure.
Learn about Encryption and use encryption to
keep your database secure.
Learn and implement Hashing and
Salting with bcrypt Using Sessions and
Cookies to persist user log in sessions.
Setting up local authentication from
scratch.
Implementing Passport to authenticate users
quickly and effectively.
Understand and use environment variables to
keep secret keys secure.
Understand and use OAuth 2.0 to log in users
using Google and Facebook.
SYLLABUS WEB3BASICS AND BLOC
KCHAINDEVELOPMENT
THECOMPLETEWEBDEVEL Understand Web3 and blockchain
OPMENT development. Understand a
Canister
BOOTCAMP Understand a Motoko actor
APP BREWERY
www. appbrewery . c om