Web Developer

  const   express = require ( 'express' ); const   app = express (); const   multer = require ( 'multer' ); const   path = require ( 'path' ); app . get ( "/" , async ( req , res ) => {      try {            res . send ( "good morning" );      console . log ( 'good morning' );     }      catch ( err ){     } }) const   storage = multer . diskStorage ({ destination : ( req , file , cb ) => {      //cb(err,folderpath) cb ( null , "uploads" ) }, filename : ( req , file , cb ) => {      console . log ( file );      console . log ( file . originalname );      console . log ( file . mimetype );      // console.log(path);       let   fileext = path . extname ( file . ori...

  myref . current . classList . toggle ( 'myclass' );

  import {useRef} from 'react'; const navRef=useRef(); navref.current.classList.toggle("responsive_nav"); faBars fabTimes GiHamburgerMenu

  import   React ,{ useRef }  from   'react' export   const   FourthHook  = ()  =>  {    const   inputref = useRef ();    const   clickHandler =() => {        inputref . current . focus ();        inputref . current . value = "" ;        console . log ( inputref . current . value );   }      return  (      < div >          < input   type = "text"   placeholder = "example"          ref = { inputref }   />          < button   onClick = { clickHandler } > clickheretofocus </ button >      </ div >   ) }

Menu.jsx: import   React , {  useState  }  from   'react' import  {  GiHamburgerMenu  }  from   "react-icons/gi" ; import    './style/mymenu.css' export   const   Mymenu  = ()  =>  {    const  [ toggle , setToggle ]= useState ( false );      const   toggleEvent =() => { setToggle (! toggle ); console . log ( toggle );   }      return  (      < div   className = "nav" > < div   className = "logo" > Learning Point </ div > < div    className =  { toggle ? "menu toggle" : "menu" }    >      < ul    >          < li > home </ li >          < li > aboutus </ li >      ...

 html file: <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Document </ title >      < link   rel = "stylesheet"   href = "style/style.css" > </ head > < body >      < div   class = "container" > < img   src = "images/img1.jpg"   alt = ""   class = "slides" > < img   src = "images/img2.jpg"   alt = ""   class = "slides" > < img   src = "images/img3.jpg"   alt = ""   class = "slides" > < img   src = "images/img4.jpg"   alt = ""   class = "slides" > ...

Installation | Next.js (nextjs.org)

https://stackoverflow.com/questions/59590391/bootstrap-modal-is-not-shown-on-angular-8-on-click https://www.itsolutionstuff.com/post/how-to-install-bootstrap-5-in-angular-13example.html  1:myservice: ....................................... import { Injectable } from '@angular/core'; import { HttpClient} from '@angular/common/http'; import { Observable } from 'rxjs'; @Injectable({   providedIn: 'root' }) export class Service2Service { private url="http://localhost:4000/myapp";   constructor(private httpclient:HttpClient) { }   getPosts():Observable<any>{     return this.httpclient.get(this.url);   }   InsertPosts(data:any){ return this.httpclient.post(this.url,data, {responseType:'text'}); } //update.... updateData( username:any,userpass:any ): Observable<any> {      return this.httpclient.put(`${this.url}/${username}/${userpass}`,{responseType:'text'}) } //....delete data.. deleteData(id: string): Observable<any...

 angular template form import appmodule.ts import  {  FormsModule  }  from   '@angular/forms' ; import  {  ReactiveFormsModule  }  from   '@angular/forms' ; inside imports:      ReactiveFormsModule ,      HttpClientModule , <div>     <form action="" #basicForm="ngForm"     (submit)="getformdata(basicForm.value)">         <div> <label for="email">enter Email</label> <input type="text" name="email"  #email="ngModel" required ngModel> <span *ngIf="email.invalid &&email.touched">please enter email</span> </div> <div>     <label for="password">enter Password</label>     <input type="password" name="pwd" #pwd="ngModel" required pattern="[a-zA-Z]+$"     ngModel>     <div *ngIf="pwd.touched">         <p *...

what is rxjs:---?  A sequence of data which is emitted asynchnously over period of time service has to inject into the constructor.. client ....subscribe ...observable....server if there is any data change if you have subscribed the data gets automatically change[or reflected] suscribe is mandatory