Introduction to HTML
Tags, Attribute and Elements, Headings, Paragraphs, and Formatting Text, Div and Span tag for Grouping, Lists and Links ,Images, image mapping and Tables, hyperlink, url and url encoding, frame, form, header (title, base, styles, link, script and meta)
Syntax, single, multiple style sheets, value length, percentage
Applying CSS to HTML, Selectors, Background cursor, Properties and Values, CSS Color and Backgrounds, List Table, CSS Box Model ,CSS Margins, Padding, and Borders, CSS Text and Font Properties, CSS Display Positioning, CSS Floats.
Fundamental of typescript, basic types, creating types, working with generic types, Creating strongly-typed function component props, Creating strongly-typed function component state, Creating strongly-typed class components, Creating strongly-typed component events and event handlers, Creating strongly-typed context, Creating strongly-typed refs, Creating React projects with TypeScript using Create React App, Creating a React and TypeScript project manually.
Introduction to ES6+, Function Scope, Block Scope, Constants, var vs let, let const and var, exercise on function scope, block scope and constant, Arrow Functions-flat arrow syntax, context binding, default argument, hacks in ES6, Classes-prototypal inheritance in ES6, inheritance, super, shadowing, creating abstract classes, getters and setters, static methods.
Introduction to Capstone Project
Destructuring, Object Property, short hand notation, deeper destructuring, destructuring functions and pitfalls, spread operators and rest parameters, objects in ES6, equality, mixins, computed object keys, tail call optimisation, symbol, the for-of loop, string and template literals, sets, map, iterators and generators in depth, ES6 promises, configuring ES6 with web pack, The Reflects API.
Capstone Project Continues
Capstone Project Continues
React legacy-react class component, react class component:state, imperative react, styling in react, CSS in react, SVGs in react, React Maintenance, performance-avoiding first render and heavy computation, typescript in react, unit testing to integration testing, react project structure
React world (Advanced)-Sorting, challenge-reverse sort, last searches, challenge-avoiding duplicates, paginated fetch, deploying a React application, build process, deploy to firebas.
Capstone Project Continues.
Getting to know Redux (Theory), First Redux ApplicaMon, Understanding State Updates with AcMons, Building Skypey: A More Advanced Example, Building Skypey: Designing the State Object, Building Skypey: The User Component, Building Skypey: The Empty Screen, The Chat Window, Header, Messaging, The Skypey App. This module takes a bottom-up approach, enforcing the basic aspects of Redux before incorporating them together in a creative and interactive way. It begins with a short theoretical section before moving on to application based problems.
Capstone Project Presentation