Front-End

Sillabus

HTML

• What is HTML?;

• Structure;

• Basics;

• HTML Tags;

• HTML Attributes;

• Headings (h1-h6);

• Paragraphs (p,span);

• Link (a);

• Image (img);

• List;

• Tables;

• Iframes;

• Forms;

• Media;

• Semantic Elements.

css

• CSS Intro;

• CSS Syntax;

• CSS Integration;

• CSS Priority;

• CSS Pseude classes; 

• CSS Selectors;

• CSS Text; 

• CSS Fonts; 

• CSS Background;

• CSS Colors;

• CSS Sprites;

• CSS Gradients; 

• CSS Transforms;

• CSS Animations; 

• CSS Shaddows; 

• CSS Reset;

• Website layout; 

• CSS Box model;

• CSS Margins;

• CSS Padding;

• CSS Borders;

• CSS Position;

• CSS Display;

• CSS Units;

• CSS Flexbox;

• CSS Media Queries (Responsive); 

• CSS Grids.

SASS

• Syntax

• Style Rules

• Variables

• Nesting, Partials, Modules, Mixins;

• Extend/Inheritance;

• Values (types);

• Operators;

Bootstrap

• Grid System, Container;

• Responsive and Flexbox;

• Components;

• Helpers and Utilities;

Javascript

• JS Intro;

• JS Variables;

• JS Interaction (alert, prompt, confirm);

• JS Data types;

• JS Operators;

• JS Conditions; 

• JS Loops; 

• JS Functions; 

• JS Strings;

• JS Arrays; 

• JS Objects;

• Asynchronous programming (Async, Await);

• Functional Programming;

• JS Date Time;

• JS DOM;

• JS BOM;

• JS Debugging; 

• JS Storage;

• ES6-all features;

• JS OOP; 

• JS Map And Set;

• Asynchronous programming (Ajax, Callback);

• Asynchronous programming (Promise, Fetch);

• JS Hard parts (Closure, Heap Memory, WebAPIs, CallStack Queue, Event Loop);

NPM, WebPack, Babel

React Js

• JSX;

• Handling events;

• Lifecycle methods;

• React Hooks and Router;

• Forms,Formik (YUP);

• Fetch Api; 

• How to write styles in react js?;

• Creating App with Chakra UI; 

Redux

• Action Creator, Reducer, store;

• Basic knowledge of middlewares;

• Combine Reducers;

• “Connect”  HOC;

TypeScript

• Basics;

• Interfaces/generics/types;

React Query

• Basics, react query vs redux.