SlideShare a Scribd company logo
1 of 7
Download to read offline
Web
Development
Bootcamp.
TAUGHT BY
Dr. Angela Yu
COURSE LENGTH
12 Weeks
COURSE FEE
$18,000
SYLLABUS
T H E C O M P L E T E W E B
D E V E L O P M E N T
B O O T C A M P
www.appbrewery.com
A P P B R E W E R Y
Understand how websites work and how HTML, CSS and
JavaScript contribute.
	 Understand how the internet works.
Start coding with HTML, CSS, and JavaScript.
Learn and understand git, GitHub and version control.
Use the Unix command line to become a power user and
write bash commands.
Learn key troubleshooting and debugging skills to apply to
your projects.
W E B D E V E L O P M E N T
F U N D A M E N T A L S
Learn the anatomy of HTML syntax to structure your
websites.
Understand the HTML boilerplate and HTML doctypes.
How to structure text in HTML.
How to structure HTML lists to create unordered and ordered
lists.
How to insert images using HTML
How to create hyperlinks using anchor tags.
Understand how to use HTML tables for content.
How to use tables for layout.
Learn HTML best practices.
Understand about HTML forms and create a simple contact
me form.
HTML Divs and how to separate content for CSS styling.
H T M L 5
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 sizing methods.
Learn the anatomy of CSS syntax and structure.
CSS specificity and implementing style hierarchy.
Class vs. Ids and how to target each.
CSS display and how to implement layout.
How to use CSS static, relative and absolute positioning
systems.
Font styling using CSS and web safe fonts.
Centering elements using CSS.
Website design fundamentals and typography.
How to use CSS float and clear.
How combine CSS selectors and understand selector priority.
C S S 3
SYLLABUS
T H E C O M P L E T E W E B
D E V E L O P M E N T
B O O T C A M P
www.appbrewery.com
A P P B R E W E R Y
Learn the fundamentals of implementing responsive web
design.
How to use Balsamiq to mockup and wireframe websites.
The fundamentals of UI design for websites.
How to install the Bootstrap framework.
Understanding the Bootstrap grid layout system.
How to use bootstrap containers to layout your website
easily.
Learn to use other Bootstrap components such as buttons.
Adding symbols using Font Awesome.
Learn to use Bootstrap carousels.
Add Bootstrap cards to your website.
Using Bootstrap navigation bars.
B O O T S T R A P 4
The Fundamentals of Code  
Starting code with alerts and prompts.
Understand Variables and Data Types in JavaScript
Variable naming in JS
Working with strings and numbers
Randomisation and logical operators
Loops, collections and Conditionals.
Functions and invocation patterns
Discussion of ECMAScripts
Intermediate JavaScript
Learn to use JS Expressions, Operators, Statements and
Declarations
Object-Oriented Programming
JS Objects and Prototypes
`This`, Scope and Closures  
Objects and Prototypes
Refactoring and Debugging
J A V A S C R I P T E S 6
Learn the tree structure of HTML based websites.
Traverse through the document using object notation.
Separation of concerns and coding best practices.
Manipulate and change the HTML elements using your
understanding of the DOM.
D O C U M E N T O B J E C T M O D E L ( D O M )
Installing and using the jQuery framework.
Learning about jQuery functionality
J Q U E R Y
SYLLABUS
T H E C O M P L E T E W E B
D E V E L O P M E N T
B O O T C A M P
www.appbrewery.com
A P P B R E W E R Y
How to use basic bash commands in a Unix/Linux Terminal.
How to manipulate files and folders without needing a
graphical user interface.
How to download and install to your computer using
command line.
T H E U N I X C O M M A N D L I N E
Using git for version control and collaboration
Git forking, branching and cloning
Using GitHub as a remote repository
Checkout and rolling back changes with git
Using git and GitHub with Xcode
G I T G I T H U B A N D V E R S I O N C O N T R O L
Introduction to functions in jQuery
Manipulating text, styles and attributes with jQuery
Create animations and customisations with jQuery
Use your jQuery knowledge to make your website interactive
Responding to user initiated events with jQuery
Explore the components of back-end development, working
with an MVC framework
Apply concepts like data types, objects, methods, object-
oriented programming, and classes in the context of back-
end development.
Server-Side JavaScript  
Using Node on the command line
NPM
JavaScript Build Processes  
Event Loop and Emitters
File System Interaction
Modules
Native Node drivers
N O D E . J S
Understand how to install and use express in Node
applications
Creating Node and Express based servers
RESTful Routing with Express
Understand and use middleware for Node applications
E X P R E S S . J S
SYLLABUS
T H E C O M P L E T E W E B
D E V E L O P M E N T
B O O T C A M P
www.appbrewery.com
A P P B R E W E R Y
Understand what APIs are and how they work.
HTTP in Depth
Calling APIs
Reading API documentation
Basic API Authentication
Server to server communication
JSON vs. XML, sending data over the wire.
A P P L I C A T I O N P R O G R A M
I N T E R F A C E S ( A P I S )
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
E J S
Data Relationships
Designing a Data Model
Relational Databases
Alternative Databases
Entity Relationship Modelling (ERM) and Object Relational
Mapping (ORM)
D A T A B A S E F U N D A M E N T A L S
Working with Database Schemas
Create-Read-Update-Destroy (CRUD)
Database Joins
Querying SQL databases
S Q L D A T A B A S E S
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.
N O S Q L D A T A B A S E S W I T H M O N G O D B
A N D M O N G O O S E
Databases
SYLLABUS
T H E C O M P L E T E W E B
D E V E L O P M E N T
B O O T C A M P
www.appbrewery.com
A P P B R E W E R Y
Understand hosting and deployment.
Hosting static websites with GitHub Pages.
Deploying server based applications with Heroku.
Deploying Databases with Mongo Atlas.
D E P L O Y M E N T
Understand REST and guiding principles behind API design.
Learn to work with a MongoDB GUI Robo 3T
Implementing GET, POST, PUT, PATCH and DELETE by creating a
public API from scratch.
Understand and use chained route handlers from Express.
B U I L D I N G R E S T f u l A P I s
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.
A U T H E N T I C A T I O N a n d S E C U R I T Y
Learn front-end development with React.
Understand when and how to use React Components.
Learn to pass Props and work with them.
Learn to write JSX and understand JSX syntax.
Learn about the React DOM.
Learn State Management in React.
Learn about React Hooks.
Learn about conditional rendering in React.
Understand the difference between class and functional
components.
R E A C T . J S
Arrow Functions
Map/Filter/Reduce
Find/FindOne/FindIndex
Import/Export and Modules
Object and Array Destructuring
Spread Operator
J A V A S C R I P T E S 6
FAQ
T H E C O M P L E T E W E B
D E V E L O P M E N T
B O O T C A M P
www.appbrewery.com
A P P B R E W E R Y
The online bootcamp on Udemy has the same curriculum as our
in-person bootcamp. Our in-person bootcamp only runs once
per year and is wait-list based. The Udemy online course can be
taken at anytime, on your schedule.
W h a t ' s t h e d i f f e r e n c e b e t w e e n
y o u r o n l i n e a n d i n - p e r s o n
b o o t c a m p ?
Since 2019, we have moved all our courses on to Udemy other
than some courses with prior contracts (e.g. the agreement with
have with Google for the Flutter course). You should get our
courses from Udemy.
W h a t ' s t h e d i f f e r e n c e b e t w e e n
y o u r o n l i n e c o u r s e s o n U d e m y
a n d a p p b r e w e r y . c o m ?
We teach the course in person over 12 weeks. But we have seen
students online complete the course as quickly as 3 weeks. It
depends if you are going to work full-time or part-time. It can also
be helpful to read around the topics and do more self-directed
research and experimentation.
H o w l o n g d o e s t h e b o o t c a m p t a k e
t o c o m p l e t e ?
The course is designed for students of all levels. The youngest
person we've had on the course is 11, the oldest 86. The most
inexperienced student didn't know what a website is, the most
experienced works for Twitter as a developer. The most important
thing is perseverance and willingness to learn. If you have that
then you'll do great!
I d o n ' t h a v e a n y p r i o r e x p e r i e n c e
o r a t e c h n i c a l b a c k g r o u n d , c a n I
j o i n ?

More Related Content

What's hot

Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1
PRN USM
 

What's hot (20)

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Introduction to Web development
Introduction to Web developmentIntroduction to Web development
Introduction to Web development
 
Ngo management system.
Ngo management system.Ngo management system.
Ngo management system.
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
Angular Project Report
 Angular Project Report Angular Project Report
Angular Project Report
 
HTML-(workshop)7557.pptx
HTML-(workshop)7557.pptxHTML-(workshop)7557.pptx
HTML-(workshop)7557.pptx
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
Lecture 1 intro to web designing
Lecture 1  intro to web designingLecture 1  intro to web designing
Lecture 1 intro to web designing
 
ashish ppt webd.pptx
ashish ppt webd.pptxashish ppt webd.pptx
ashish ppt webd.pptx
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Introduction to Development for the Internet
Introduction to Development for the InternetIntroduction to Development for the Internet
Introduction to Development for the Internet
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 
HTML5
HTML5HTML5
HTML5
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1
 
ReactJS presentation.pptx
ReactJS presentation.pptxReactJS presentation.pptx
ReactJS presentation.pptx
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick Wins
 

Similar to Web dev syllabus

Learning subjects for junior level developers at Skitsanos Inc.
Learning subjects for junior level developers at Skitsanos Inc.Learning subjects for junior level developers at Skitsanos Inc.
Learning subjects for junior level developers at Skitsanos Inc.
Evgenios Skitsanos
 
Intro to BackboneJS + Intermediate Javascript
Intro to BackboneJS + Intermediate JavascriptIntro to BackboneJS + Intermediate Javascript
Intro to BackboneJS + Intermediate Javascript
Andrew Lovett-Barron
 
Backend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In BanglaBackend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In Bangla
Stack Learner
 
0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf
radhianiedjan1
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampDoing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Chris Love
 

Similar to Web dev syllabus (20)

2.1 Web Dev Syllabus.pdf.pdf
2.1 Web Dev Syllabus.pdf.pdf2.1 Web Dev Syllabus.pdf.pdf
2.1 Web Dev Syllabus.pdf.pdf
 
Web+Dev+Syllabus.pdf
Web+Dev+Syllabus.pdfWeb+Dev+Syllabus.pdf
Web+Dev+Syllabus.pdf
 
How do I Even Web App
How do I Even Web AppHow do I Even Web App
How do I Even Web App
 
Java Full Stack Curriculum
Java Full Stack Curriculum Java Full Stack Curriculum
Java Full Stack Curriculum
 
Building Web Hack Interfaces
Building Web Hack InterfacesBuilding Web Hack Interfaces
Building Web Hack Interfaces
 
Learning subjects for junior level developers at Skitsanos Inc.
Learning subjects for junior level developers at Skitsanos Inc.Learning subjects for junior level developers at Skitsanos Inc.
Learning subjects for junior level developers at Skitsanos Inc.
 
resume
resumeresume
resume
 
MERN Stack Developer Course Syllabus
MERN Stack Developer Course Syllabus MERN Stack Developer Course Syllabus
MERN Stack Developer Course Syllabus
 
Intro to BackboneJS + Intermediate Javascript
Intro to BackboneJS + Intermediate JavascriptIntro to BackboneJS + Intermediate Javascript
Intro to BackboneJS + Intermediate Javascript
 
Backend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In BanglaBackend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In Bangla
 
0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf
 
Extracurricular Swift
Extracurricular SwiftExtracurricular Swift
Extracurricular Swift
 
Beginners guide-to-coding-updated
Beginners guide-to-coding-updatedBeginners guide-to-coding-updated
Beginners guide-to-coding-updated
 
What does full stack web development course cover.pdf
What does full stack web development course cover.pdfWhat does full stack web development course cover.pdf
What does full stack web development course cover.pdf
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampDoing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
 
The Guide to becoming a full stack developer in 2018
The Guide to becoming a full stack developer in 2018The Guide to becoming a full stack developer in 2018
The Guide to becoming a full stack developer in 2018
 
User interface-ui-training-by-ruchiwebsolutions
User interface-ui-training-by-ruchiwebsolutionsUser interface-ui-training-by-ruchiwebsolutions
User interface-ui-training-by-ruchiwebsolutions
 
User interface ui training hyderabad
User interface ui training hyderabadUser interface ui training hyderabad
User interface ui training hyderabad
 
Why you should use a web framework, eventually
Why you should use a web framework, eventuallyWhy you should use a web framework, eventually
Why you should use a web framework, eventually
 
Intro to mobile web application development
Intro to mobile web application developmentIntro to mobile web application development
Intro to mobile web application development
 

Recently uploaded

Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Medical / Health Care (+971588192166) Mifepristone and Misoprostol tablets 200mg
 
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
VictoriaMetrics
 

Recently uploaded (20)

Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
 
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
 
Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment
Harnessing ChatGPT  - Elevating Productivity in Today's Agile EnvironmentHarnessing ChatGPT  - Elevating Productivity in Today's Agile Environment
Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment
 
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024
 
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionIntroducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
 
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park %in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
 
%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview
%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview
%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview
 
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
 
WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?
 
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
 
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With SimplicityWSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto%in Soweto+277-882-255-28 abortion pills for sale in soweto
%in Soweto+277-882-255-28 abortion pills for sale in soweto
 

Web dev syllabus

  • 1. Web Development Bootcamp. TAUGHT BY Dr. Angela Yu COURSE LENGTH 12 Weeks COURSE FEE $18,000
  • 2. SYLLABUS T H E C O M P L E T E W E B D E V E L O P M E N T B O O T C A M P www.appbrewery.com A P P B R E W E R Y Understand how websites work and how HTML, CSS and JavaScript contribute. Understand how the internet works. Start coding with HTML, CSS, and JavaScript. Learn and understand git, GitHub and version control. Use the Unix command line to become a power user and write bash commands. Learn key troubleshooting and debugging skills to apply to your projects. W E B D E V E L O P M E N T F U N D A M E N T A L S Learn the anatomy of HTML syntax to structure your websites. Understand the HTML boilerplate and HTML doctypes. How to structure text in HTML. How to structure HTML lists to create unordered and ordered lists. How to insert images using HTML How to create hyperlinks using anchor tags. Understand how to use HTML tables for content. How to use tables for layout. Learn HTML best practices. Understand about HTML forms and create a simple contact me form. HTML Divs and how to separate content for CSS styling. H T M L 5 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 sizing methods. Learn the anatomy of CSS syntax and structure. CSS specificity and implementing style hierarchy. Class vs. Ids and how to target each. CSS display and how to implement layout. How to use CSS static, relative and absolute positioning systems. Font styling using CSS and web safe fonts. Centering elements using CSS. Website design fundamentals and typography. How to use CSS float and clear. How combine CSS selectors and understand selector priority. C S S 3
  • 3. SYLLABUS T H E C O M P L E T E W E B D E V E L O P M E N T B O O T C A M P www.appbrewery.com A P P B R E W E R Y Learn the fundamentals of implementing responsive web design. How to use Balsamiq to mockup and wireframe websites. The fundamentals of UI design for websites. How to install the Bootstrap framework. Understanding the Bootstrap grid layout system. How to use bootstrap containers to layout your website easily. Learn to use other Bootstrap components such as buttons. Adding symbols using Font Awesome. Learn to use Bootstrap carousels. Add Bootstrap cards to your website. Using Bootstrap navigation bars. B O O T S T R A P 4 The Fundamentals of Code   Starting code with alerts and prompts. Understand Variables and Data Types in JavaScript Variable naming in JS Working with strings and numbers Randomisation and logical operators Loops, collections and Conditionals. Functions and invocation patterns Discussion of ECMAScripts Intermediate JavaScript Learn to use JS Expressions, Operators, Statements and Declarations Object-Oriented Programming JS Objects and Prototypes `This`, Scope and Closures   Objects and Prototypes Refactoring and Debugging J A V A S C R I P T E S 6 Learn the tree structure of HTML based websites. Traverse through the document using object notation. Separation of concerns and coding best practices. Manipulate and change the HTML elements using your understanding of the DOM. D O C U M E N T O B J E C T M O D E L ( D O M ) Installing and using the jQuery framework. Learning about jQuery functionality J Q U E R Y
  • 4. SYLLABUS T H E C O M P L E T E W E B D E V E L O P M E N T B O O T C A M P www.appbrewery.com A P P B R E W E R Y How to use basic bash commands in a Unix/Linux Terminal. How to manipulate files and folders without needing a graphical user interface. How to download and install to your computer using command line. T H E U N I X C O M M A N D L I N E Using git for version control and collaboration Git forking, branching and cloning Using GitHub as a remote repository Checkout and rolling back changes with git Using git and GitHub with Xcode G I T G I T H U B A N D V E R S I O N C O N T R O L Introduction to functions in jQuery Manipulating text, styles and attributes with jQuery Create animations and customisations with jQuery Use your jQuery knowledge to make your website interactive Responding to user initiated events with jQuery Explore the components of back-end development, working with an MVC framework Apply concepts like data types, objects, methods, object- oriented programming, and classes in the context of back- end development. Server-Side JavaScript   Using Node on the command line NPM JavaScript Build Processes   Event Loop and Emitters File System Interaction Modules Native Node drivers N O D E . J S Understand how to install and use express in Node applications Creating Node and Express based servers RESTful Routing with Express Understand and use middleware for Node applications E X P R E S S . J S
  • 5. SYLLABUS T H E C O M P L E T E W E B D E V E L O P M E N T B O O T C A M P www.appbrewery.com A P P B R E W E R Y Understand what APIs are and how they work. HTTP in Depth Calling APIs Reading API documentation Basic API Authentication Server to server communication JSON vs. XML, sending data over the wire. A P P L I C A T I O N P R O G R A M I N T E R F A C E S ( A P I S ) 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 E J S Data Relationships Designing a Data Model Relational Databases Alternative Databases Entity Relationship Modelling (ERM) and Object Relational Mapping (ORM) D A T A B A S E F U N D A M E N T A L S Working with Database Schemas Create-Read-Update-Destroy (CRUD) Database Joins Querying SQL databases S Q L D A T A B A S E S 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. N O S Q L D A T A B A S E S W I T H M O N G O D B A N D M O N G O O S E Databases
  • 6. SYLLABUS T H E C O M P L E T E W E B D E V E L O P M E N T B O O T C A M P www.appbrewery.com A P P B R E W E R Y Understand hosting and deployment. Hosting static websites with GitHub Pages. Deploying server based applications with Heroku. Deploying Databases with Mongo Atlas. D E P L O Y M E N T Understand REST and guiding principles behind API design. Learn to work with a MongoDB GUI Robo 3T Implementing GET, POST, PUT, PATCH and DELETE by creating a public API from scratch. Understand and use chained route handlers from Express. B U I L D I N G R E S T f u l A P I s 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. A U T H E N T I C A T I O N a n d S E C U R I T Y Learn front-end development with React. Understand when and how to use React Components. Learn to pass Props and work with them. Learn to write JSX and understand JSX syntax. Learn about the React DOM. Learn State Management in React. Learn about React Hooks. Learn about conditional rendering in React. Understand the difference between class and functional components. R E A C T . J S Arrow Functions Map/Filter/Reduce Find/FindOne/FindIndex Import/Export and Modules Object and Array Destructuring Spread Operator J A V A S C R I P T E S 6
  • 7. FAQ T H E C O M P L E T E W E B D E V E L O P M E N T B O O T C A M P www.appbrewery.com A P P B R E W E R Y The online bootcamp on Udemy has the same curriculum as our in-person bootcamp. Our in-person bootcamp only runs once per year and is wait-list based. The Udemy online course can be taken at anytime, on your schedule. W h a t ' s t h e d i f f e r e n c e b e t w e e n y o u r o n l i n e a n d i n - p e r s o n b o o t c a m p ? Since 2019, we have moved all our courses on to Udemy other than some courses with prior contracts (e.g. the agreement with have with Google for the Flutter course). You should get our courses from Udemy. W h a t ' s t h e d i f f e r e n c e b e t w e e n y o u r o n l i n e c o u r s e s o n U d e m y a n d a p p b r e w e r y . c o m ? We teach the course in person over 12 weeks. But we have seen students online complete the course as quickly as 3 weeks. It depends if you are going to work full-time or part-time. It can also be helpful to read around the topics and do more self-directed research and experimentation. H o w l o n g d o e s t h e b o o t c a m p t a k e t o c o m p l e t e ? The course is designed for students of all levels. The youngest person we've had on the course is 11, the oldest 86. The most inexperienced student didn't know what a website is, the most experienced works for Twitter as a developer. The most important thing is perseverance and willingness to learn. If you have that then you'll do great! I d o n ' t h a v e a n y p r i o r e x p e r i e n c e o r a t e c h n i c a l b a c k g r o u n d , c a n I j o i n ?