Course Type :
paid
Duration :
70 hrs
Category
Web Application Development
Similar Courses
what students say
Front End With React JS
Course Description
<p>React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces based on UI components.React can be used as a base in the development of single-page, mobile, or server-rendered applications with frameworks like Next.js. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality.</p>
Curriculum
- HTML Introduction
- HTML Elements
- HTML Attributes
- HTML Headings
- HTML Text Formatting
- HTML Comments
- HTML Lists
- HTML Tables
- HTML Forms
- HTML Images
- HTML Anchor
- CSS Syntax
- Inline CSS
- Internal CSS
- External CSS
- CSS Selector
- CSS Comments
- CSS Color
- CSS Background
- CSS Border
- CSS Margin
- CSS Padding
- CSS Float
- CSS Clear
- CSS Display
- CSS Font
- CSS Line Height
- CSS Overflow
- CSS Opacity
- CSS Position
- CSS Pseudo Class & Element
- CSS Vertical Align
- CSS White Space
- CSS Visibility
- CSS Counter
- CSS Flexbox(flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content, order, flex-grow, flex-shrink, flex-basis, flex, align-self)
- CSS3 Rounded Corner
- CSS3 Border Images
- CSS3 Multi Background
- CSS3 Color
- CSS3 Gradients
- CSS3 Shadow
- CSS3 Text
- CSS3 Web font
- CSS3 2d transform
- CSS3 3d transform
- CSS3 Animation
- CSS3 Multi columns
- CSS3 User Interface
- CSS3 Box Sizing
- CSS Variables
- CSS3 Image Reflection
- CSS3 object-fit
- CSS3 Viewport
- CSS3 Media Queries Responsive
- Preprocessing
- Variables
- Nesting
- Partials
- Import
- Mixins
- Inheritance
- Operators
- Containers
- Reboot
- Typography
- Code
- Images
- Tables
- Figures
- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Collapse
- Dropdowns
- Forms
- Input group
- Jumbotron
- List group
- Modal
- Navs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Tooltips
- Utilities
- Utilities
- Borders
- Clearfix
- Close icon
- Display
- Embed
- Flex
- Float
- Image replacement
- Position
- Screenreaders
- Shadows
- Sizing
- Spacing
- Text
- Vertical align
- Visibility
- Intro and Uses
- JS Statements
- JS Syntax
- JS Comments
- Variables and Constant
- Data Types
- Operators
- if...else...elseif Statements
- While
- do while
- for
- jQuery Syntax
- jQuery Selectors
- jQuery Events
- jQuery Effects
- jQuery Hide/Show
- jQuery Fade
- jQuery Slide
- jQuery Add
- jQuery Remove
- jQuery CSS Classes
- jQuery Animate
- jQuery stop ()
- jQuery Callback
- jQuery Chaining
- React v16, Redux, Webpack, React-Router v4, and more
- Objective
- Present scenario/Scopes of this technology.
- Installing VS Code
- Installing Node and NPM
- Example Project Setup
- What is a program?
- What is debugging?
- Variables
- Operators and Operands
- Operator Precedence
- Comments
- Arrays
- Definitions of Functions
- Parameters and Arguments
- Control Flow in Function Execution
- Scope of Variables
- Recursion
- Conditionals
- If Statement
- If-else Statement
- If-elseif-else statement
- Nested If-else Statement
- Iterations
- For loop
- While loop
- Do-while loop
- Break and continue
- For-in loop
- For-of loop
- Stack Diagrams
- Importing and Exporting Components
- Babel
- JSX
- Webpack
- Express
- Constants
- Scoping
- Arrow Functions
- Parameter Handling
- String literals
- Enhanced Object Properties
- Destructuring
- Importing/Exporting Modules
- Classes
- Inheritance
- Method Overriding
- Map/Set
- Promises
- Brief Introduction of React
- Hello React
- React Components
- States
- Props
- Counter App using States
- Functional Components
- React Component Lifecycle Methods
- Higher-Order Components
- Building reusable components using Recompose
- Introduction
- Setup react router to handle routes
- Server-side Rendering
- Server-side vs Client-side Rendering
- Flux Architecture
- State management using Redux
- Reducers
- Action Creators
- Epics
- Thunks
- Use Cases of RXJS
- Implementation in our Demo App
- Introduction to Git
- Github, Bitbucket and Gitlab
- Initializing git projects
- Making and cloning git repos
- Git commit/push
- Creating branches
- Sending Pull Requests