Frontend Eedc9135d9643f90ebb0
Frontend Eedc9135d9643f90ebb0
F U N D A ME N T A L S
TH E CO M P LETE WEB Understand how websites work and how HTML, CSS and
D EVEL O P M EN T JavaScript contribute.
BO O TCAM P 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.
H T ML 5
Front- end
Devel opment 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.
C SS 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 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.
SYLLABUS BOOT ST RAP 4
TH E CO M P LETE WEB Learn the fundamentals of implementing responsive web
D EVEL O P M EN T design.
How to use Balsamiq to mockup and wireframe websites.
BO O TCAM P 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.
J A V A S C R I PT E S 6
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
DO C U ME N T O B J E C T MO DE L (DO M)
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.
J QU ERY
Installing and using the jQuery framework.
Learning about jQuery functionality