TopCrix Studio Curicullum For Website Development Training
Weeks
Course
Topic
Week 1
HTML & CSS
HTML Tutorial 01: Downloading a text editor - VS Code
HTML Tutorial 02: How to create a webpage
HTML Tutorial 03: Creating body and headers
HTML Tutorial 04: Creating Paragraphs and line breaks
HTML Tutorial 05: Creating bold, italics and comments
HTML Tutorial 06: Adding links to webpage
HTML Tutorial 07: Creating links within webpage
HTML Tutorial 08: Creating email links and tool tips
HTML Tutorial 09: Adding images to webpage
HTML Tutorial 10: Resizing images on webpage
HTML Tutorial 11: Creating tables on webpage
HTML Tutorial 12: Creating table headers
Week 2
HTML & CSS
HTML Tutorial 13: Creating colspan on webpage
HTML Tutorial 14: Table width, cellpadding/spacing
HTML Tutorial 15: Creating lists on webpage
Introduction to CSS
CSS Tutorial 02: RGB color & line spacing
CSS Tutorial 03: Font weight & font height
CSS Tutorial 04: Aligning text & changing background
CSS Tutorial 05: Using image as webpage background
CSS Tutorial 06: Using padding on webpage
CSS Tutorial 07: Using borders on webpage
CSS Tutorial 08: Using margin on webpage
CSS Tutorial 09: Adding width & height on webpage
CSS Tutorial 10: Styling links
Week 3
HTML & CSS
CSS Tutorial 11: Styling tables
CSS Tutorial 12: Styling unordered lists
CSS Tutorial 13: Style more than one elements
CSS Tutorial 14: Styling using div
CSS Tutorial 15: Styling using classes
CSS Tutorial 16: Styling using ID's
CSS Tutorial 17: Using child selectors
CSS Tutorial 18: Using pseudo elements
CSS Tutorial 19: Using external stylesheet
CSS Tutorial 20: Overriding style
CSS Tutorial 21: Absolute positioning
CSS Tutorial 22: Relative positioning
CSS Tutorial 23: Fixed positioning
Week 4
HTML & CSS
CSS Tutorial 24: Max width & height
CSS Tutorial 25: Introduction to forms
CSS Tutorial 26: Check boxes & radio buttons
CSS Tutorial 27: Drop down lists
CSS Tutorial 28: Designing text area
CSS Tutorial 29: Passwords & upload buttons
CSS Tutorial 30: Submitting buttons
Project 01: Publish your website
JavaScript
JS Tutorial 01: Introduction to JavaScript
JS Tutorial 02: Comments & statements
JS Tutorial 03: Variables & types of variables
Week 5
JavaScript
JS Tutorial 04: Using variables with strings
JS Tutorial 05: Functions
JS Tutorial 06: Using parameters with functions
JS Tutorial 07: Functions with multiple parameters
JS Tutorial 08: The return statements
JS Tutorial 09: Calling a function from another
JS Tutorial 10: Global & local variables
JS Tutorial 11: Math & Assignement operators
JS Tutorial 12: if statements & if/ else statements
JS Tutorial 13: Nesting & fridays!
JS Tutorial 14: Complex conditions
JS Tutorial 15: Switch
Week 6
JavaScript
JS Tutorial 16: For loop, while loop & do while
JS Tutorial 17: Event handlers
JS Tutorial 18: onMouseOver & onLoad
JS Tutorial 19: Objects & creating our own objects
JS Tutorial 20: Object initializers
JS Tutorial 21: Adding methods to our objects
JS Tutorial 22: Arrays & other ways to create arrays
JS Tutorial 23: Array properties & methods
JS Tutorial 24: Join & pop
JS Tutorial 25: Reverse, push & sort
JS Tutorial 26: Add array elements using a loop
JS Tutorial 27: Cool technique to print array
Week 7
JavaScript
JS Tutorial 28: Associate arrays
JS Tutorial 29: Math object & date object
JS Tutorial 30: Accessing forms & form elements
JS Tutorial 31: Simple form validation
php
php Tutorial 01: Introduction to php
php Tutorial 02: Installing Xamp
Project 02: Developed a functional & interactive website
5 more weeks to be included.
