Skip to main content

DAY 2 - JULY 21

SCRIPTING LANGUAGE VS PROGRAMMING LANGUAGE

        Actually some people used to tell there is a limitations in scripting language compared to programming language.But not actually a big difference or limitations between these two things.


WHY BROWSER WERE INVENTED
  
     Earlier computer manufacturer brands are famous not software engineers.At that time MS comes with OS and MS office(License Oriented) and MS dominated the field.That time Mosaic Corporation wanted to create something new that support all the things supported by MS Office that is how Browser were invented.(Browser -Supports all the formats like audio,video,txt...)

BROWSER HISTORY

MOSAIC Corporation --> Netscape  --> After 20 days  --> MS Corporation --> IE

First Browser War (NETSCAPE vs. IE) --> MS windows made IE as default for Windows User and won the war

Second Browser War (IE vs. CHROME)  --> CHROME

Later Netscape Team --> Mozilla Firefox




BROWSER INTERNALS



USER INTERFACE

     
    User Interface is the top bar in the browser, where control lies. It includes space where we type the URL, have back/forward buttons, space where tabs and setting options are.


BROWSER ENGINE
  
    When  HTML document loaded in the browser  the HTML parser will create DOM and CSS parser will create CSSOM . HTML parser and CSS parser are part of Browser Engine.




 
RENDERING ENGINE
   
    Rendering Engine takes care of Presentation Layer of Web Page,according to the CSSOM received from the browser engine it paint the webpage into the browser.



BASICS OF DOM

    Whenever HTML document loaded on browser it automatically create DOM.

WHY DOM IS OBJECT MODEL & REPRESENTED IN TREE STRUCTURE

    1.Object Model use  in-memory (RAM) method and it helps to access any elements of the document globally.
    2.Tree Structure makes searching process faster and whatever changes we are doing in Parent node automatically it reflect / inherit into Child node too.


HOW TO INSTALL NODE JS


For windows we can check with node - v //node version on command prompt
For windows we can check with node on command prompt

HOW TO USE NODE JS ON COMMAND PROMPT

1.Interactive Mode -> node
It helps to do coding in the comment prompt

2.File Mode --.node ".js file path/address"
It display the output of .js file

Some Common Shortcuts on Command Prompt

Ctrl+d
clear()
exit()


Comments

Popular posts from this blog

CODEKATA BITWISE

Given a number N and an array of N elements, find the Bitwise XOR of the array elements. Input Size : N <= 100000 Sample Testcase : INPUT 2 2 4 OUTPUT 6   // ONE TESTCASE PASSED const   readline  =  require ( "readline" ); const   inp  =  readline . createInterface ({    input :   process . stdin }); const   userInput  = []; inp . on ( "line" , ( data )  =>  {    userInput . push ( data ); }); inp . on ( "close" , ()  =>  {    var   N  =  Number ( userInput [ 0 ]);    var   str  = String ( userInput [ 1 ])    var   arr  =  str . split ( ' ' ). map (( val ) => Number ( val ))       var   first  =  arr [ 0 ]       for ( i = 1 ; i < N ; i ++)   {  first  = first ^ arr [ i ]}    console . log ( first ...

DATA BASE

  DATA BASE Backend deals with Server and Data Base CLOUD COMPUTING Cloud – Cloud Computing -- Rented Computer Service Ram, Processor, OS, Storage WHY WE PREFER CLOUD COMPUTING 1. Capital Investment (at initial stage renting is better than purchasing) 2. Maintenance Problem (Power Backup, Hard Disk, Upgrade) 3. Easily Swappable (Scale Up & Scale Down) (festival time ecommerce need extra storage and facilities after that it may need less, College websites during exam time (E.g)   Anna university website ,recent time – income tax website – pan card & aadhar card linking) 4.   Don’t need any separate place to keep those Systems. TOP COMPANIES AWS – Amazon Web Service - Netflix GCP – Google Cloud Platform Azure - Microsoft Azure WHY LINUX PREFERRED THAN OTHER OS Linux, Windows, Mac 1. Open Source 2.   Secure than Windows & Mac. 3. Command Line Usage In the Linux OS, the command line is a very handy and powerful tool used for...

DAY 15 - AUG 08

  DOM – DOCUMENT OBJECT MODE   HTML DOC –Browser – Browser Engine(html parser) – DOM   Tree structure takes less time for searching that’s why we prefer tree structure in DOM. Why we prefer object model? Object model means OOPS concept based it have features like data abstraction, encapsulation…. Window   -- Window is the default thing available in the Browser’s JavaScript Engine. Document -- Document is property of Window Screen – Physical dimension of   the browser   Draw some sampl tree We can create html with the help of tag and make it dynamic(to do some action) by adding   javascript   using script tag then why specifically we need this dom à Will understand in future classes that we can’t do something directly with the tag.   DOM MANIPULATION   var element =document.createElement(‘tag’) Element.setAttribute(“attribute”,”name”) If we have morethan one same attribute for the element we can’t use s...