Scribd
Upload
35 views

React js-DL-2023

Digital Lync is an education platform that offers masters-level training in technologies like ReactJS, Python, and AWS. It has trained over 10,000 students over 3 years. The 12+ module ReactJS masters program covers HTML, CSS, JavaScript, Bootstrap, and React fundamentals. It includes 6+ live projects and 2 case studies. The CEO, Manikanta Kona, is passionate about empowering students through education beyond just exams and certifications. Digital Lync focuses on creating industry-ready skills through hands-on learning and expert instruction.

Uploaded by

Sktr Bhanu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
35 views

React js-DL-2023

Digital Lync is an education platform that offers masters-level training in technologies like ReactJS, Python, and AWS. It has trained over 10,000 students over 3 years. The 12+ module ReactJS masters program covers HTML, CSS, JavaScript, Bootstrap, and React fundamentals. It includes 6+ live projects and 2 case studies. The CEO, Manikanta Kona, is passionate about empowering students through education beyond just exams and certifications. Digital Lync focuses on creating industry-ready skills through hands-on learning and expert instruction.

Uploaded by

Sktr Bhanu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

Digital Lync www.digital-lync.

com

Masters in
ReactJS
12+ 6+ 2
MODULES LIVE PROJECTS CASE STUDIES
About Digital Lync
Digital Lync is one of the most trusted platforms for skilling and upskilling students
in Hyderabad. Over the past 3 years, we have upended the technical education
system by emphasizing on disruptive technologies and successfully trained over
10,000+ students. We proudly offer masters-level training for students in three
core regions - Digital Marketing, PI stack, and Full Stack.

We also provide training in individual courses like - Python, DevOps, Full Stack, Big
Data, Data Science, IoT, Digital Marketing, Graphic Design, UI/UX Design, Game
Development, AWS, Azure, Angular, ReactJS, NodeJS, PowerBI, and Tableau.

We are committed to making students learn for life and not just exams.

Career Choose Placement


Guidance Course Assistance
Why Digital Lync
We at Digital Lync, focus on creating experiences and not just imparting
knowledge. We offer courses in a plethora of subjects ranging from digital
marketing, cloud computing, machine learning and many more. Each
course is taught by experts with years of industry experience and immense
passion for their respective fields. We teach students in a classroom envi-
ronment to ensure more interaction and engagement.

Our main goal is to make students industry-ready, highly-skilled and em-


powered. Our facilities and infrastructure provide students with a nurturing
environment that helps them learn and grow.

1000+ 4.6 (1247) 100+


Students Enrolled Ratings Batches
About Digital Lync CEO
Our CEO Mr. Manikanta Kona has a burning desire to help empower people
and make them realize their potential. He gave up a successful career in
the US to pursue the path of entrepreneurship. He has a Master's degree
from Purdue University and his knowledge is backed by years of industry
experience. He has mastered the art of empowering people through educa-
tion and lives his passion every day. He believes that education goes
beyond classrooms and certifications and focuses solely on developing
the skills needed in the workforce.

Mani Kanta
CEO
Events at Digital Lync

Data Science Event


Digital Lync conducted an event on "The importance of Data Science Tech-
nology in the IT Industry and the Job Opportunities on Data Science. Catch
a glimpse of this industry interaction session by
Mr. Praveen Gurrapu, Data Scientist.

Event on what companies expect from Freshers


Digital Lync conducted an event highlighting the importance of what com-
panies expect from Freshers.Catch a glimpse of this meet initiated by
Mr. Narsimha Reddy- CEO PublicVibe
150+
Industry Partners

CAREER GROWTH PARTNER FOR 10000+ ASPIRANTS


Digital Lync Students are
Successfully Placed
DON’T WORRY
YOU ARE
AT RIGHT
PLACE
PROGRAM
CURRICULUM
1. Introduction to HTML

HTML Tags
HTML Attributes
HTML Editors
HTML Document Structure
HTML Headings
HTML Paragraphs
HTML Styles
HTML Comments
HTML Blocks, Classes, Ids
HTML Tables
HTML Lists
HTML Images
HTML Forms
HTML File Paths

2. Introduction to CSS

Introduction to CSS

CSS Selectors
Inserting CSS in to HTML(Inline, Internal,External)
Colors, Borders, Background, margins, padding

Introduction to CSS
Box/Model,Outline,Fonts,Links,Lists,Tables,Combinations
3. JavaScript

Introduction to JavaScript

Scripting Languages and their usage


Getting Started with JavaScript.
History of JavaScript
Variable
Data types
Real time examples

Operators and control statements


Types of Operators and their usage
If statement
If else statement
If else if statement
Real time examples
while loop
do-while loop
for loop
keywords used in control statements like return,break.
Real time examples

Working with Functions


Defining Functions
Function Expressions
Calling Functions
Function Scope
Nested Functions
First class functions
IIFE
Real time examples
Working with Arrays
Creating an Array.
Accessing,Looping Over,removing elements.
Array methods in detail.
Real time examples
Working with Numbers and Dates
Numbers and its methods.
Date and its methods.
Real time examples

Working with Strings


Strings and its methods
Real time examples

Working with Objects


Objects and properties
Creating new objects
Creating objects using create function
this keyword
Real time examples

Working with Scopes and Events


Types of Scopes in detail
Different types of events with real time examples

Working with Validations


Basic Validations
Advanced Validations
Real time examples
Understanding Garbage Collection and Best coding practices
Working with DOM
Intro to DOM
Methods,Documents, Elements
Events
Event Listener
Working with DOM
Navigation
Nodes
Collections
Node Lists

4. Bootstrap

Bootstrap:
Images
Jumbotron
Alerts
Buttons
Button Groups
Badges, ProgressBars
Pagination
Dropdowns
Navs,Navbar
Forms, Input
Carousel
Modal
Tooltip
Popover
An application using Bootstrap 4
5. Introduction to React

Intro to React
Overview
Environment Setup
Components
State
Props Overview

6. Building blocks of ReactJS

Component API
Component Life Cycle
Forms
Events
Refs
Keys
Router

7. Getting Started with Youtube Clone App

Getting Started with Youtube Clone App


Project Setup
A Taste of JSX
More on JSX
ES6 Import Statements
ReactDOM vs React
Differences Between Component Instances and Component
Classes
Render Targets
Component Structure
Youtube Search API Signup
Export Statements
Class-Based Components
Handling User Events
Introduction to State
More on State
Controlled Components

8. Making API calls using AJAX

Making API calls using AJAX


Youtube Search Response
Refactoring Functional Components to Class Components
Props
Building Lists with Map
List Item Keys
Video List Items
Detail Component and Template Strings
Handling Null Props
Video Selection
Styling with CSS
Searching for Videos
Throttling Search Term Input

9. Working with Redux

What is Redux.
Redux Architecture.
10. Application state with Redux

Putting Redux to Practice


Reducers
Containers - Connecting Redux to React
Containers Continued
Implementation of a Container Class
Containers and Reducers Review
Actions and Action Creators
Binding Action Creators
Creating an Action
Consuming Actions in Reducers
Consuming Actions in Reducers Continued
Conditional Rendering
Reducers and Actions Review

11. MIDDLEWARE

Component Setup
Controlled Components and Binding Context
Form Elements in React
Working with API's
Introduction to Middleware
Ajax Requests with Axios
Redux-Promise in Practice
Avoiding State Mutations in Reducers
Building a List Container
Mapping Props to a Render Helper
Adding Sparkline Charts
Making a Reusable Chart Component
Labeling of Units
Google Maps Integration
12. React-Redux

Posts API
Quick Note
Installing React Router
What React Router Does
The Basics of React Router
Route Design
Our First Route Definition
State as an Object
Back to Redux - Index Action
Implementing Posts Reducer
Action Creator Shortcuts
Rendering a List of Posts
Creating New Posts
A React Router Gotcha
Navigation with the Link Component
Redux Form
Setting Up Redux Form
The Field Component
Generalizing Fields
Validating Forms
Showing Errors to Users
Handling Form Submittal
Form and Field States
Conditional Styling
More on Navigation
Create Post Action Creator
Navigation Through Callbacks
The Posts Show Component
Receiving New Posts
Selecting from OwnProps
Data Dependencies
Caching Records
LIVE
PROJECTS

Review Commenting System Online Multi-pay System. Co Working spaces


management Application.

Online Movie Data Platform. LetsMeet- A Collaboration tool. Online Results


Management System.

CASE
STUDIES

Netflix
How netflix did product transformation using full stack. How the development team
provided better user experience for both mobile and desktop users by using
prefetching techniques

Facebook using reactJS


Check how a huge internet giant like Facebook is making use of the react JS
framework for creating a perfect user experience.
Visakhapatnam
2nd 2nd- floor VTC-Vinaygar Trade Centre,
VIP Rd, CBM Compound,Visakhapatnam,
Andhra Pradesh 530003

You might also like