FRONT END DEVELOPMENT

WHAT I NEED TO KNOW:

JAVA SCRIPT :
JavaScript is a text-based programming language used both on the client-side and server-side that
allows you to make web pages interactive. ... Incorporating JavaScript improves the user experience of
the web page by converting it from a static page into an interactive one. To recap, JavaScript adds
behavior to web pages.

FORM VALIDATION :
Form validation normally used to occur at the server, after the client had entered all the necessary data
and then pressed the Submit button. ... JavaScript provides a way to validate form's data on the client's
computer before sending it to the web server.

SEO :
SEO is an acronym that stands for search engine optimization, which is the process of optimizing your
website to get organic, or un-paid, traffic from the search engine results page. ... In order to do this,
search engines will scan, or crawl, different websites to better understand what the site is about.

FETCH API :
The Fetch API is a simple interface for fetching resources. Fetch makes it easier to make web requests
and handle responses than with the older XMLHttpRequest, which often requires additional logic (for
example, for handling redirects).

ES6 :
ES6 refers to version 6 of the ECMA Script programming language. ... It is a major enhancement to the
JavaScript language, and adds many more features intended to make large-scale software development
easier.

AJAX :

Ajax is a set of web development techniques using many web technologies on the client side to create
asynchronous web applications. With Ajax, web applications can send and retrieve data from a server
asynchronously without interfering with the display and behavior of the existing page
 HOISTING :
Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of
their scope before code execution. Inevitably, this means that no matter where functions and variables
are declared, they are moved to the top of their scope regardless of whether their scope is global or
local.

EVENT BUBBLING :
Event bubbling is when an event will traverse from the most inner nested HTML element and move up
the DOM hierarchy until it arrives at the element which listens for the event. This move is also popularly
known as Event Propagation or Event Delegation.

Shadow DOM :
Shadow DOM is a new DOM feature that helps you build components. You can think of shadow DOM as
a scoped subtree inside your element. Read more on Web Fundamentals. ... Shadow DOM lets you place
the children in a scoped subtree, so document-level CSS can't restyle the button by accident, for
example.

Version control :
Version control systems are a category of software tools that help a software team manage changes to
source code over time. Version control software keeps track of every modification to the code in a
special kind of database. If a mistake is made, developers can turn back the clock

NPM :
npm (originally short for Node Package Manager) is a package manager for the JavaScript programming
language. It is the default package manager for the JavaScript runtime environment Node.js.

YARN :
Yarn is a new JavaScript package manager that aims to be speedy, deterministic, and secure.

Cross-Origin :

Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTPheaders to tell a browser
to let a web application running at one origin (domain) have permission to access selected resources
from a server at a different origin. ... For example, XMLHttpRequest and the Fetch API follow the same-
origin policy.
 BEM :
The Block, Element, Modifier methodology (commonly referred to as BEM) is a popular naming
convention for classes in HTML and CSS. Developed by the team at Yandex, its goal is to help developers
better understand the relationship between the HTML and CSS in a given project

REACT.JS :
React. js is an open-source JavaScript library that is used for building user interfaces specifically for
single-page applications. It's used for handling the view layer for web and mobile apps. React also allows
us to create reusable UI components.

ANGULAR :

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and
by a community of individuals and corporations to address many of the challenges encountered in
developing single-page applications.

VUE.JS :

is an open-source Model–view–viewmodel JavaScript framework for building user interfaces and single-
page applications.

REDUX :

Redux is an open-source JavaScript library for managing application state. It is most commonly used with
libraries such as React or Angular for building user interfaces.

MobX :

MobX is a battle tested library that makes state management simple and scalable by transparently
applying functional reactive programming (TFRP). The philosophy behind MobX is very simple: Anything
that can be derived from the application state, should be derived. Automatically.

RxJS :
RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using observables that
makes it easier to compose asynchronous or callback-based code

Ngrx :
Ngrx is a group of Angular libraries for reactive extensions. Ngrx/Store implements the Redux pattern
using the well-known RxJS observables of Angular 2. It provides several advantages by simplifying your
application state to plain objects, enforcing unidirectional data flow, and more.
 BOOTSTRAP :
Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web
development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons,
navigation, and other interface components.

REACTSTRAP :
Reactstrap provides prebuilt Bootstrap 4 components that allow a great deal of flexibility and prebuilt
validation. This allows us to quickly build beautiful forms that are guaranteed to impress and provide an
intuitive user experience.

JEST :
Jest is a JavaScript Testing Framework maintained by Facebook, Inc. with a focus on simplicity. It works
with projects using: Babel, TypeScript, Node.js, React, Angular and Vue.js. It aims to work out of the box
and config free.

ENZYME :

Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components'
output. You can also manipulate, traverse, and in some ways simulate runtime given the output.

Nuxt.js :
Nuxt.js is a free and open source web application framework based on Vue.js, Node.js, Webpack and
Babel.js. The framework is advertised as a "meta-framework for universal applications".

REACT NATIVE :
React Native is an open-source mobile application framework created by Facebook. It is used to develop
applications for Android, iOS, Web and UWP by enabling developers to use React along with native
platform capabilities. An incomplete port for Qt also exists.

Electron :
Electron is a framework for creating native applications with web technologies like JavaScript, HTML,
and CSS.