Skip to main content

Posts

Showing posts from 2021

tenth day for full stack development -->> Javascript: variable type, Comparision operator, Take input by alert, Logical operator, switch statement, convert string to int, array and it's method.

// tell the variable type. type of ("var");  ==(double equal) check for equality of value, but not equality of type. It coerces both values to the same type and then compares them. this can lead to some unexpected results! ===(triple equal)  strictly equal, check for equality of value, and also equality of type. prompt to take the input from the user by the alert tab.\ prompt("enter the input") //return the string. Logical operator. && (and operator)--> truth && truth --->> output true  else it will be false || (or operator) false|| truth---> Output true (any of condition is true then true) false||false --> output false (both condition should be false ) Switch Condition //define the function. function week ( day ) { //use of and operator     if ( 0 < day && day <= 7 ) {         switch ( day ) {             case 1 :             ...
Post a Comment
Read more

Recurssion function

Recusrion function: 1. Follow the stack  2. Height of stack is almost equal to height of n // in the given code The cycle to call function. 1.Main to call function 2.Base 3.Work Like ex. public class Recursion{ public static int cal(int x, int n) { // Code execute when filling of stack  // First base 1 If(n==0){ return 1; } //Second base 2  If(x==0){ return 0; } // Work //calling function recursion int xpm= cal(x, n-1); // The code is executing below this when in deleting the level of stack  int xpn= x* xpm; return xpn } //Main to call the function first time public static void main(String args[]){ int x=2, n= 5; System.out.println(cal(x,5)); } }
Post a Comment
Read more

Ninth day for full stack development -->> Java Script: String, Primitive type, variable

JavaScript Begining  clear{}--> to clear the console Console Type :-  REPL --> Read Evaluate Print Loop Primitive type  1. Number :-  math operation Format to do math operation. :- PEMDAS -> parenthesis, exponents, multi, division, addition, subtraction. use Mod % for Remender if Zero than even and if 1 then odd, divide by2. and two use exponent uses two-star(**) use( typeof), to get which type o primitive type. 2. variable:- .let .Const> the values can not change, We store value does not change in your app, this does not work on array and object. .var--> Variable naming. can use _ use lower case not use no. 3. String :-  can define in double quotes("") or single quotes ('') use index in string :- var_name[0]; get index length :- var_name.length; can add to string :- "lol"+"lol"; Plus sign(+) is concatination. using method :- thing.method() ; using property:- thing.properties; Diff Strings Methods:- Strings.trim() --> trim spaces,...
Post a Comment
Read more

Eight day for full stack development -->> CSS use type, CSS path define

../ --> use for use file from different folder from similar directory. CSS can use in 3 types. Inline Style The <Style> Element External stylesheet Inline style -> style = " color: aqua; "              <label   for = "meal"   style = " color: aqua; " > Please select meal </label> The <style> Element-> use css in same page. <head>      <style>          h2  {              color :  blanchedalmond         }      </style> </head> External style sheet -> use different file for css. <link rel = "stylesheet" href = "../css/app.css" > ../ --> use for use file from different folder from similar directory.
Post a Comment
Read more

Seventh day with full stack development --> NPM Package installer

 NPM :- Basic After Download of node js "Npm" install directly. To check the npm in cmd type --> npm Install we can install package 2 types. Locally for the directory of projects. npm install package_name / npm i package_name --> in cmd, make sure firstly open the project folder in which you want to install your npm package. to use the install package const   var_name =  require ( "package_name" ); Globally for all package npm install -g  package_name / npm i -g  package_name--> to install globally, use any directory to install npm link package_name:- open the project folder in cmd and then type command. make package.json file for your all dependencies. Open Project in CMD. Type --> npm init and give detail and click ok, now your package.json file is made. Now installing any package details will we automatically update in package.json file, and make sure all the packages should install locally. Want to install the package, by the package.json Just t...
Post a Comment
Read more

Sixth Day with fullstack development --> Play Node Js CMD Command.

 Installing Node Js Download Acc. to suitable Environment https://nodejs.org/en/download/ Use CMD:- type "node" Node js REPL:- Use Cmd to know about commands like global, process .exit --> used to come out of repl. https://nodejs.org/dist/latest-v14.x/docs/api/  --> Documentation  basic of node js require ( 'fs' ); -->define the filesystem as constant process . argv [ 2] --> read command from the cmd by process, argv[2] get the string in array fs . mkdirSync ( filename );->create folder without callback      fs . writeFileSync ( ` ${ filename } /index.html` ,  '' ) --> create a file
Post a Comment
Read more

Basic CMD Commands

 CMD commands:- cd\ --> redirects to the parent drive cd path --> redirect to the given path, to redirect to a path you have to first go to the parent drive. cd.. -> it take out you from the current folder. d: -> to change the drive, drive name : cd d: -> tells the open folder in the given drive. cd /d  c:\windows --> to go directly from the given drive to another drive path. dir -> to check the content of the drive cmd mkdir -> to create a folder in a current directory, give mkdir folder name. type filename -> to make the file, provide extension also. ping --> to know the speed of a website. systeminfo -->tell all the info of the system color 02--> to change color of text in green and background in black. attrib +h +s +r filename --> hide the file attrib -h -s -r file name   --> unhide the file ipconfig /displaydns--> to check the incognito history. ipconfig /flushdns --> to delete incongnito history. doskey /history -->...
Post a Comment
Read more

Fifth day of full stack development -> Form Input elements brief.

Form Input elements brief.      <h2> More Inputs </h2>      <form   action = "/birds" > Checkbox:- name:- it is the element that contains the data to the server. id:- id is the unique name given to the tag. checked:- it is the element to the tag, that defines the precondition of the checkbox, that checkbox is active.          <label   for = "agree" > terms and condition </label>          <input   type = "checkbox"   name = "agree_tos"   id = "agree"   checked > Radio button:- name:- it is the element that contains the data to the server, if the name of all radio button will be same then, you can select only one radio button. id:- id is the unique name given to the tag. value:- we can define the hardcoded value, which will send to the server.        ...
Post a Comment
Read more

Forth day of fullstack development -> HTML table/Form.

HTML Table 1.<table></table> -> the table element to create table. 2.<tr> </tr> ->  tr is a table row, where table define in rows and coloumn. 3.<th></th> -> Th is the table heading tag which defines the heading of the table. 4.<td></td> -> td is the data tag, use to give data in table. 5.<thead></thead> ->Th is the table heading tag which defines the heading of the table. 6.<tbody></tbody> -> tbody is just define that table main contain is started from here. 7.<colspan> </colspan> -> It merges the 2 column and make it one. < tr >      < th  cols...
Post a Comment
Read more

Third day of full stack developer -> Semantic Generic Element/ Emmet tool

Semantic Generic Element <Main> </Main> <nav> </nav> <Section> </Section. <article> </article> <aside></aside> <header></header> <footer></footer> <figure></figure> <data></data> These all are the generic element used in place of div and they give perfect readability to a code. Emmet tool Short cut for HTML and CSS in Emmet tool, and pre-install in vs-code. And to download the Emmet tool click the link   https://emmet.io/ 1. Child:  > You can use  >  operator to nest elements inside each other: div >ul>li 2.  Sibling:  + Use  +  operator to place elements near each other, on the same level: div +p+bq 3.  Multiplication:  * With  *  operator, you can define how many times element should be outputted: ul>li*5 4. Grouping:  () Parenthesises are used by Emmets’ power users for grouping subtrees in comple...
Post a Comment
Read more

Second day of Full stack development --> HTML 5

 HTML 5 there are 2 types of elements: 1. Inline:- Inline elements fit in alongside other elements. ( does not take space b/w element) 2. outline:- Block-level elements take up a whole "block" of space. (takes its space as a block b/w element) both roles are the same to give HTML structure to proficient CSS. <div> :- content division element, generic element and it is block-level element. <span>:- also a generic element, and it is an inline element.\ <hr>:-  just give horizontal line. <br>: break line. Entity code:- this is pre-define code used to use those characters that is not available in the keyboard or used as HTML syntax. it starts from &and by ; ex:- &spades; Redirect to entity HTML code. https://www.compart.com/
Post a Comment
Read more

First day with Full stack development --> HTML MDN Source

HTML I am using the visual studio code. customize the vs code:- open the settings (Ctrl +,) or just click on setting.  1. The syntaax of HTML is --> .html  (blogger.html). use this source URL for learning the HTML--> MDN Source. https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML Boilerplate --> To get the basic the html structure in vs code use shortcut, type ! and click on tab button and file should be saved. -->To search the all shortcut of vscode:- (Ctrl+shift+P). -->To format the HTML code in a format (shift+alt+F). Html Tags:- List tag <ul>used as the unordered list *,*,*</ul>  <ol>used as the ordered list like 1,2,3,4</ol> <li> gives data in list</li> Anchor tag < a   href = "https://www.google.com" > Google </ a > --> redirect to web page.  <a href="about.html">about</a>--> redirect to file. Image tag     <img src = "https://upload.wikimedia...
Post a Comment
Read more

Git Command's

  CMD GIT Command:- Tell Who you are to GIT git config -global user.name "mukul" git config -global user.email "guptamukul806@gmail.com" Push the code cd Foldername   --> to jump into a folder. cd.. --> move out of folder git init --> initialize the code to git repository. git add* --> add code to statging git status --> check the status of file in code. git add<filename> --> add individual file in staging  git commit -m "commit message"--> all code is commit to git. git remote add origin <server link>--> form the git connection to git hub server. git push origin master--> code is pushed, if using first time then it will ask credential, the master is a branch name. ------------------------------------------------------ Pull the Code  git clone <serverlink>  --> when first time user pull the code. git pull origin master--> pull the code from git hub, and master is a branch name. ----------------------------...
Post a Comment
Read more