NCCS Course

What is Front End Development?

06 Weeks Course Outline (Web Designing)

06 Weeks Course Outline (JavaScript)

06 Weeks Course Outline (React Js)

Brief Contents (03 Months Course Outline)

HTML:

Introduction to HTML, Folder Structure (IDE), HTML Document structure, HTML universal attributes. HTML Tags: img, br, h1-h6, p, div, header, footer, blockquote.
Lists: Order & unordered and table.
Form and Form tags: button, input, label, select, textarea.

CSS:

Intro. to CSS, Linking of HTML to CSS (Internal, External and Inline), CSS selectors, CSS syntax and generic formula of CSS.
CSS Element Positioning using: Relative and Absolute, height, width, margin, padding, position, display, flexbox, grid, z-index etc.
Typography, CSS Text Style using: text-align, line-height, font-size, font, font-family, text-decoration, font-style, text-overflow, word-break, color etc.
Responsive Design using CSS Media queries and Techniques (|Diagnol approach and Mobile to Desktop approach), Flex/Grid.

Pre-Processor and CSS Libraries:

Bootstrap tailwind (Introduction & Configuration)
Bootstrap Components: Buttons, Cards and Panels, Typography, Responsive images, Spacing, Tables.

JavaScript:

JavaScript basic syntax along with ES6: variables, data types, arrays, object literals, methods for strings and arrays, loops, conditions, functions, arrow functions etc.
Document Object Model (DOM) selection and manipulation using events.
Form validation using JavaScript, Event Handling
Promises and Callbacks, Fetch, Then and Catch, JavaScript Object Notations (JSON) and its application
Synchronous and A-Synchronous programming using browser working (V8 Engine)
Consuming RESTful APIs using Fetch

JQuery:

VCS:

WordPress:

React:

Understanding Package manager and NPM, CLI tools
JavaScript XML (JSX)
Components: Function base, Props and states, Conditional Rendering
Lifecycle, Lists and Keys, Material UI (Alerts and Toasts, Carousel and sliders, scroll spy, Navigation bar and tabs, Forms etc.)
Hooks: useState, useEffect etc and Writing Custom Hooks
Router, API Calling: Axios, Unfetch
State (Context API, Redux)
Global State Management

One Month Guided Project with Trainer’s Support (02 days per week):

Trainer will check the progress of assigned individual Project and guide about further work.