NCCS Course

HTML, CSS, JavaScript, REACT (Front-End Web Development)

What is Front End Development?

https://www.youtube.com/watch?v=U8542COlBiU&ab_channel=IT-Made-Easy

06 Weeks Course Outline (Web Designing)

https://drive.google.com/file/d/1JgnduEaQuwO2oVZhPrsG8hI8df3AcSA7/view?usp=drive_link

06 Weeks Course Outline (JavaScript)

https://drive.google.com/file/d/1dRENfpTjD2_q7NKDz42gm2ZQ-10IkhWv/view?usp=drive_link

06 Weeks Course Outline (React Js)

https://drive.google.com/file/d/1awdOvE51EaNdvT1WUAdYlVR90R4NU4w5/view?usp=drive_link

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:

JQuery Concepts, Principal, JQuery Ajax and Data table

VCS:

Version control system: Git and GitHub/Bitbucket/GitLab

WordPress:

Introduction to WordPress
WordPress Plugins

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.

Training and Technical Support

Training by the experts working on latest tools in the industry

Daily tasks will be implemented in the Class

Assignment of each class will be the extension of the class task

A guided project is part of the training where the expert will visit as per schedule

Engage the candidates to learn freelancing activities

Appear in the international Certification with additional fee for Examination

Preferred Audience for the Course

Anyone with basic understanding of Computer Operations / marketing

Students of management science, economics, Masscom, IT/CS/SE/EE and any other relevant degree programs

Training Duration & Schedule

03 Months (03 sessions / week)

•Technical Content and - 07 weeks

•Free-lancing training - 01 week

•Guided Project Work (with Trainer) - 04 weeks (02 sessions / week)

National / International Certifications

National: Certificate of Training by NUML

International: IT Professional: Java Script (Online)

About

Policies

HTML, CSS, JavaScript, REACT (Front-End Web Development)

More Courses

Our Regional Campuses