ATOM

 

ATOM

Atom is a free and open-source text and source code editor for macos,linux and ms windows with support for plug- ins written in node.js, and embedded git control, developed by github. 

atom is adesktop application built using web technologies. 
 interface of atom

Why we use atom?

• which is a free & open source text editor.
• which is works on macOS, linux and wnidows 
• which is developed by Github and it is provides us with a platform to create responsive and interactive web apps 

WEB BROWSERS

WEB BROWSER

A variety of web browsers are available with different features, and designed to run on different operating system.

How can work browsers..

When we type a website address such as www.uki.life in to our browser that web page in its entirely is not actually stored on a server ready and wait for delivered.
in fact that web page that you request is individually created in response to your request.

WEB SITE

WEBSITE

Website is a central location of various web pages that are all related

A Website

• Collection of publicly accessible.

• Collection of web pages.

• Interlinked with Web pages.

• Can create individual or group.

• Central location of various

An simple example different between web pages and web sites 

WEB PAGE

Web page

A web page is a document which is weitten in html that is accessible through the network in browser 

A web page's contains 

• Text
• Graphics
• And  links of other web page

                            interface of a web page

A Web page ...

• Written  by HTML.
• Contain other resources
• Navigate to other pages.
• Accessible through the Internet or other networks.

Parts of a web page...

1. Website name or company logo
2. Search a website for related information
3. Navigation bar or menu
4. Advertisement
5. Social share links
6. Paths
7. Heading
8. paragraphs on the web page 
9. Sub headings
10. Feedback
11. Additional information
12. Footer
13. Copyright and any legal or privacy 
14. back to the top button

FLOWCHARTS

FLOWCHARTS

A flowchart is a diagram that depicts a process, computer algorithm 

interface of a flowchat

an example-

   want a flowchart which saw how to sum two numbers?

we solve a problem which is sum any two numbers, so start the problem with start symbol then input our input which is like x,y then process which is sum our inputs.  it means x+y then this time for solution of our problem output is x+y=m

and then end our precess.

PSEUDO CODE

 Today we discussed..... 

  Pseudo code

• solving a problem with familiar  English and some simple mathematics
  
  
  
  
  

Important parts of a pseudo code

• inputs and outputs

• variable

• assigning

• selection

• repetition

 

Inputs

Insert something which are the inputs of our problem

eg-

     numbers, name, price and marks 

Outputs

 It will be solution or conclusion of our problem

eg- 
     1+5
     output = 6

  

 Variable 

Introduce unknown letter of English for reduce our time when solving the problem
eg-
    y, x, m, a, 

 

Assigning

Allocate a value in a time  for our purpose 
eg-
   a for 5 -  a=5 , n for name -  n=mino , x for age - x=36
 

Selection

if we want a information to our problem. when we filtering some data 
     eg-

  selection of uki batch-4 which is the problem  it's output will be these (mithu,abi,sajee,mino and kiriz ) are the qualify students for uki batch - 4

Repetition

if repeating our input with some different variable and or same variable while  Problem will be solved it's called repetition.
  eg-
           uki select 20 students for batch4 after 6months it will be repeated 

      and then uki's problem will be solved who finished there activities

CODE_CADEMY

   

Today we discussed....

one of the important tool for codding and programming. which is code_cademy 

 code_cademy 

the platform for learning online courses in programming 
interface of code cademy