Dear friends,

— 👋 #OfferingHelp: Career Coaching, Volunteer Work
As we all know we are going through a very difficult time in our life due to COVID-19.

I am offering help for those who want to learn React Js, HTML, Javascript as an absolute beginner or intermediate.

I am planning to teach over weekends (FREE OF COST ) with true industrial experience, MNC Project Style exposure, Coding guidelines, Git, etc

EST Timings- (early morning or after 10 PM EST) (2–3 person max ).
If someone is interested please ping me or msg me.

or

if you need food service #himachalpradesh #mandi #india


In this tutorial, we’ll be learning how to prepare the AZ-900 Exam.

Before we start we should know first know about why cloud and why Azure :)

Why Cloud — Simple because of below points

  • Develop for unpredictability.
  • Develop with costs in mind.
  • Scale your applications.
  • Scale your data.
  • Create a monitoring and diagnostics pipeline.
  • Develop for resiliency.
  • Script your environments.
  • Choose the right services.

Why Azure

Azure facilitates easy mobility and a reliable consistent platform between on-premise and public Cloud.


In this tutorial, we’ll be learning how to Center div with CSS :)

Before we start we should know first know about the CSS and terms which we are going to use to provide solution.

CSS

CSS stands for Cascading Style Sheets

It allows us to create rules that specify how the content of an element should appear

It makes your web pages more attractive

It also control the design of element using with css.

a) CSS flexbox

It allows you to design a flexible responsive layout structure without using any float or positioning property of CSS

b) Positions :

The position - CSS property sets how…


Development and Testing Tools

Starting with Browser Testing Tools (accessibility in the browser)

1. WAVE — Web Accessibility Evaluation

The WAVE Chrome and Firefox extensions allow you to evaluate web content for accessibility issues directly within Chrome and Firefox browsers. Because the extension runs entirely within your web browser, no information is sent to the WAVE server. This ensures 100% private and secure accessibility reporting.

Download Link: https://wave.webaim.org/extension/

Chrome Extension: https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh

a) Install the extension (by clicking Add to chrome button)

b) It will look like this


PWA’s

  • Progressive enhancement: It works for every user no matter the browser choice of the user.
  • Native-like experience: It provides a mobile-like experience. …
  • Responsiveness: It can match to fit any screen size be it a tablet, mobile, iPad, or desktop. …
  • Offline support: Your app can work offline

Create-React-App —

  1. Set up a React app

Create a new project with create react app with below steps

// If you want your app to work offline and load faster, you can change// unregister() to register() below. Note this comes with some pitfalls.// Learn more about service workers: https://bit.ly/CRA-PWAserviceWorker.unregister();


Accessibility can be viewed as the “ability to access” and benefit from some system or entity. Accessibility refers to the design of products and environments for people with disabilities.

Examples include wheelchairs, entryway ramps, hearing aids, and braille signs.

  1. ADA = compliance refers to the Americans with Disabilities Act Standards for Accessible Design, which states that all electronic and information technology (like websites) must be accessible to people with disabilities. The law that primarily governs accessibility in the U.S. is the Americans with Disabilities Act (ADA)

2. WCAG = Web Content Accessibility Guidelines

WCAG is separated into three conformance levels:


In this tutorial, we’ll be learning how to how to set up your development environment on Windows 7 / Windows to use React Native and Android Studio.

Before we start please find below important technologies definitions.

1. React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. React Native also exposes JavaScript interfaces for platform APIs, so your React Native apps can access platform features like the phone camera, or the user’s location.

2. Android Studio is the official integrated development environment (IDE) for Google’s Android operating system, built on JetBrains IntelliJ IDEA…


In this tutorial, we’ll be learning how to add swagger to an existing Node and Express.js. As we already learned in Part 1 — How to create a REST API with Express.js and Node.js (source code Part 1), and now we will add swagger in this project.

Before we start please find below the important definitions:

  1. Swagger — Swagger is an open-source software framework backed by a large ecosystem of tools that help developers design, build, document, and consume RESTful web services
  2. Swagger provides a set of great tools for designing APIs and improving the work with web services

a)…


In this tutorial, we’ll be learning how to build a Rest API in Node.js and Express.js by building a simple crud user app API. The source code for the final project can be found here

Before we start please find below important technologies definitions

  1. Node — Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications. It compiles the JavaScript directly into the native machine code. It is a lightweight framework used for creating server-side web applications and extends JavaScript API to offer usual server-side…


The following article will help you to understand how to convert any HTML web page to a ReactJS functional component-based website/application.

If you are developing a new single-page application (SPA) and need help to start. So here is the help to start your dreams.

Before we start please find below important technologies definitions

Prerequisites

  1. SPA — A single-page application is an app that works inside a browser and does not require page reloading during use. In details use “https://en.wikipedia.org/wiki/Single-page_application"
    React — A JavaScript library for building user interfaces. …

kirti kaushal

Front End Developer| Microsoft Certified Azure | Leading SAFe® ( Helping to teach React Js & exploring new ideas) https://www.linkedin.com/in/kirti-kaushal/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store