Posts

Showing posts from April, 2022

React css

 1.css stylesheets 2.inline styling 3.css Modules 4.css in Js Libraries(styled components) 1.css Stylesheets:-- css file:-- inside component/style:- style.css .custom {      color : red ;      background-color :  blue ;      border : 1px   solid   red ; } js file:- import   Style   from   './style/style.css'    < h1   className = 'custom' > hello gaurav </ h1 >         

React_image

 putting the image in react js:- way 1:---- 1.create a folder images in src folder[drop any image] 2.Inside a component folder:---- import React from 'react'; import img1 from '../images/env_image.jpg'; export default function Check() {   return <div>     <img src={img1} alt="img is"></img>   </div>; } way2:----- public/image/imagename Inside compont folder:-- import React from 'react'; import img1 from '../images/env_image.jpg'; export default function Check() {   return <div>     <img src={img1} alt="img is"></img>     <img src="../images/env1.jpg" alt="sorry" />   </div>; }

angular js_1

Image
v1:--  angular js:--- framework to build client side applications. Part of the page reload asynchronously without reload full page use for SPA(Page is not reloading) modular approach Reusable code  development quicker and easier:--inbuilt capability validation /routing Unit testable Google+Microsoft(typescript) 2010:--angular js 2016:angular v-2 ................................................................................ v-2:-- prerequistis:--html,css,js,basic typescript[es15] devloment environment:--node npm angular cli check version:--node -v angular cli:-- its  command line interface for angular.it allows you Generate building blocks for your angular  application.it makes development quicker and easier. setup run module routes can be added by using cli. install:-- npm install -g @angular/cli specific version install:-- npm install -g @angular/cli@10.0.0ex.. you can install two version of angular by using nvm :node version manager can be used.. ng  version...