SlideShare une entreprise Scribd logo
1  sur  21
Unit One: JavaScript Programming
Guess the website game
Guess the website
Guess the website
Guess the website
Guess the website
Guess the website
Guess the website
Guess the website
Guess the website
What do all these websites have in
common?
They all use JavaScript
What is JavaScript?

JavaScript is a popular programming
language that's built into all the major web
browsers and used to make web pages
interactive
What do we use to help us program
in JavaScript?

Algorithms

Variables

Flowcharts
Algorithms

An algorithm is a step by step procedure for
calculations

Algorithms can be used to create a set of
instructions to solve a problem – These are
called Programs and are executed by
computers.
Algorithm Example
Variables

In programming, a variable is a value that can
change, depending on conditions or on
information passed to the program.

Sometimes in writing a program, one value that
may be included could be a constant which
means it's value doesn't not change.
Flowcharts
Rules of creating a Flowchart

Use a start box at the beginning and stop box
at the end.

Connect all symbols with flow lines.

Flowchart is read from top to bottom as shown
by the flow lines.

Mark a decision box with either a “Yes” or
“No.”
Flowchart Examples
Finding the total marks from 2 tests
1.Take the marks of one test (we shall call it
marks1.)
2.Take the marks of a second test (we shall call it
marks2.)
3.Add marks1 and marks2 ( so it would show as
result=marks1 + marks2.)
4.The result is then shown based on the
information entered.
Finding the total marks from
2 tests
1.Take the marks of one test
(we shall call it marks1.)
2.Take the marks of a
second test (we shall call it
marks2.)
3.Add marks1 and marks2
( so it would show as
result=marks1 + marks2.)
4.The result is then shown
based on the information
entered.
Flowchart example 2
In pairs of two, try to create a flowchart based on
this Algorithm
Find the perimeter of a square.
1.The Input is Length and Breadth
2. The process to be created is area = Length x
Breadth, Perimeter = 2 x (Length x Breadth)
3.The output is display area and display perimeter

Contenu connexe

Tendances

Ak different patterns in algorithms
Ak different patterns in algorithmsAk different patterns in algorithms
Ak different patterns in algorithms
Abhishek Kumar
 

Tendances (19)

Algorithm & flowchart
Algorithm & flowchartAlgorithm & flowchart
Algorithm & flowchart
 
2.3 Apply the different types of algorithm to solve problem
2.3 Apply the different types of algorithm to solve problem2.3 Apply the different types of algorithm to solve problem
2.3 Apply the different types of algorithm to solve problem
 
Algorithm and flowchart
Algorithm and flowchart Algorithm and flowchart
Algorithm and flowchart
 
Lecture Note-2: Performance analysis of Algorithms
Lecture Note-2: Performance analysis of AlgorithmsLecture Note-2: Performance analysis of Algorithms
Lecture Note-2: Performance analysis of Algorithms
 
developing complex_programs
developing complex_programsdeveloping complex_programs
developing complex_programs
 
Computer Program- Introduction, characteristics and stages
Computer Program- Introduction, characteristics and stagesComputer Program- Introduction, characteristics and stages
Computer Program- Introduction, characteristics and stages
 
Algorithm design and problem solving
Algorithm design and problem solvingAlgorithm design and problem solving
Algorithm design and problem solving
 
201707 CSE110 Lecture 06
201707 CSE110 Lecture 06  201707 CSE110 Lecture 06
201707 CSE110 Lecture 06
 
Ak different patterns in algorithms
Ak different patterns in algorithmsAk different patterns in algorithms
Ak different patterns in algorithms
 
Flowchart and algorithem
Flowchart and algorithemFlowchart and algorithem
Flowchart and algorithem
 
Making method calls_simpler
Making method calls_simplerMaking method calls_simpler
Making method calls_simpler
 
Algorithm and flowchart2010
Algorithm and flowchart2010Algorithm and flowchart2010
Algorithm and flowchart2010
 
Calculation of Cyclomatic complexity
Calculation of Cyclomatic complexityCalculation of Cyclomatic complexity
Calculation of Cyclomatic complexity
 
Algorithm and Flowcharts
Algorithm and FlowchartsAlgorithm and Flowcharts
Algorithm and Flowcharts
 
Lect 3-4 Zaheer Abbas
Lect 3-4 Zaheer AbbasLect 3-4 Zaheer Abbas
Lect 3-4 Zaheer Abbas
 
Test driven development
Test driven developmentTest driven development
Test driven development
 
Csc 130 class 2 problem analysis and flow charts(2)
Csc 130 class 2   problem analysis and flow charts(2)Csc 130 class 2   problem analysis and flow charts(2)
Csc 130 class 2 problem analysis and flow charts(2)
 
Debugging by induction
Debugging by inductionDebugging by induction
Debugging by induction
 
N5 Computing Science Structure Diagrams
N5 Computing Science Structure DiagramsN5 Computing Science Structure Diagrams
N5 Computing Science Structure Diagrams
 

En vedette (7)

Basics
BasicsBasics
Basics
 
If conditions
If conditionsIf conditions
If conditions
 
Plan 3 maya 3
Plan 3 maya 3Plan 3 maya 3
Plan 3 maya 3
 
Loops
LoopsLoops
Loops
 
Keywords used in javascript
Keywords used in javascriptKeywords used in javascript
Keywords used in javascript
 
Variables
VariablesVariables
Variables
 
Strings
StringsStrings
Strings
 

Similaire à lesson plan 1 maya 3

Algorithm for computational problematic sit
Algorithm for computational problematic sitAlgorithm for computational problematic sit
Algorithm for computational problematic sit
Saurabh846965
 
Ch1 principles of software development
Ch1 principles of software developmentCh1 principles of software development
Ch1 principles of software development
Hattori Sidek
 
01 Introduction to analysis of Algorithms.pptx
01 Introduction to analysis of Algorithms.pptx01 Introduction to analysis of Algorithms.pptx
01 Introduction to analysis of Algorithms.pptx
ssuser586772
 
2-Algorithms and Complexit data structurey.pdf
2-Algorithms and Complexit data structurey.pdf2-Algorithms and Complexit data structurey.pdf
2-Algorithms and Complexit data structurey.pdf
ishan743441
 
Fundamentals of Programming Lecture #1.pptx
Fundamentals of Programming Lecture #1.pptxFundamentals of Programming Lecture #1.pptx
Fundamentals of Programming Lecture #1.pptx
Eyasu46
 

Similaire à lesson plan 1 maya 3 (20)

Algorithm for computational problematic sit
Algorithm for computational problematic sitAlgorithm for computational problematic sit
Algorithm for computational problematic sit
 
Algorithm and flowchart
Algorithm and flowchartAlgorithm and flowchart
Algorithm and flowchart
 
3 algorithm-and-flowchart
3 algorithm-and-flowchart3 algorithm-and-flowchart
3 algorithm-and-flowchart
 
Algorithm and flowchart
Algorithm and flowchartAlgorithm and flowchart
Algorithm and flowchart
 
UNIT-2-PPTS-DAA.ppt
UNIT-2-PPTS-DAA.pptUNIT-2-PPTS-DAA.ppt
UNIT-2-PPTS-DAA.ppt
 
Ch1 principles of software development
Ch1 principles of software developmentCh1 principles of software development
Ch1 principles of software development
 
Lec 2 -algorithms-flowchart-and-pseudocode1.pptx
Lec 2 -algorithms-flowchart-and-pseudocode1.pptxLec 2 -algorithms-flowchart-and-pseudocode1.pptx
Lec 2 -algorithms-flowchart-and-pseudocode1.pptx
 
01 Introduction to analysis of Algorithms.pptx
01 Introduction to analysis of Algorithms.pptx01 Introduction to analysis of Algorithms.pptx
01 Introduction to analysis of Algorithms.pptx
 
Week1 programming challenges
Week1 programming challengesWeek1 programming challenges
Week1 programming challenges
 
Chap6
Chap6Chap6
Chap6
 
Software develop....
Software develop.... Software develop....
Software develop....
 
11 Unit 1 Problem Solving Techniques
11  Unit 1 Problem Solving Techniques11  Unit 1 Problem Solving Techniques
11 Unit 1 Problem Solving Techniques
 
Basic Slides on Algorithms and Flowcharts
Basic Slides on Algorithms and FlowchartsBasic Slides on Algorithms and Flowcharts
Basic Slides on Algorithms and Flowcharts
 
Lecture1-Algorithms-and-Flowcharts-ppt.ppt
Lecture1-Algorithms-and-Flowcharts-ppt.pptLecture1-Algorithms-and-Flowcharts-ppt.ppt
Lecture1-Algorithms-and-Flowcharts-ppt.ppt
 
7-White Box Testing.ppt
7-White Box Testing.ppt7-White Box Testing.ppt
7-White Box Testing.ppt
 
2-Algorithms and Complexit data structurey.pdf
2-Algorithms and Complexit data structurey.pdf2-Algorithms and Complexit data structurey.pdf
2-Algorithms and Complexit data structurey.pdf
 
ALGORITHM PPT GUIDE.pdf
ALGORITHM PPT GUIDE.pdfALGORITHM PPT GUIDE.pdf
ALGORITHM PPT GUIDE.pdf
 
How To Use IO Monads in Scala?
 How To Use IO Monads in Scala? How To Use IO Monads in Scala?
How To Use IO Monads in Scala?
 
Fundamentals of Programming Lecture #1.pptx
Fundamentals of Programming Lecture #1.pptxFundamentals of Programming Lecture #1.pptx
Fundamentals of Programming Lecture #1.pptx
 
explain about computational thinking, and how computer can work
explain about computational thinking, and how computer can workexplain about computational thinking, and how computer can work
explain about computational thinking, and how computer can work
 

Plus de Max Friel (20)

Assum 4
Assum 4Assum 4
Assum 4
 
Assum 3
Assum 3Assum 3
Assum 3
 
Tourism
TourismTourism
Tourism
 
Practice programs
Practice programsPractice programs
Practice programs
 
Project 1
Project 1Project 1
Project 1
 
Practice and debugging
Practice and debuggingPractice and debugging
Practice and debugging
 
Debugging
DebuggingDebugging
Debugging
 
Loops
LoopsLoops
Loops
 
Developing html skills 1
Developing html skills 1Developing html skills 1
Developing html skills 1
 
Matching game
Matching gameMatching game
Matching game
 
activity flowcharts
activity flowchartsactivity flowcharts
activity flowcharts
 
Lesson one
Lesson oneLesson one
Lesson one
 
Summer course
Summer courseSummer course
Summer course
 
Law
LawLaw
Law
 
Phishing
PhishingPhishing
Phishing
 
Id
IdId
Id
 
Group web design
Group web designGroup web design
Group web design
 
Untitled 1
Untitled 1Untitled 1
Untitled 1
 
Tourism in bangkok
Tourism in bangkokTourism in bangkok
Tourism in bangkok
 
Untitled 2
Untitled 2Untitled 2
Untitled 2
 

Dernier

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Dernier (20)

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 

lesson plan 1 maya 3

  • 1. Unit One: JavaScript Programming
  • 11. What do all these websites have in common? They all use JavaScript
  • 12. What is JavaScript?  JavaScript is a popular programming language that's built into all the major web browsers and used to make web pages interactive
  • 13. What do we use to help us program in JavaScript?  Algorithms  Variables  Flowcharts
  • 14. Algorithms  An algorithm is a step by step procedure for calculations  Algorithms can be used to create a set of instructions to solve a problem – These are called Programs and are executed by computers.
  • 16. Variables  In programming, a variable is a value that can change, depending on conditions or on information passed to the program.  Sometimes in writing a program, one value that may be included could be a constant which means it's value doesn't not change.
  • 18. Rules of creating a Flowchart  Use a start box at the beginning and stop box at the end.  Connect all symbols with flow lines.  Flowchart is read from top to bottom as shown by the flow lines.  Mark a decision box with either a “Yes” or “No.”
  • 19. Flowchart Examples Finding the total marks from 2 tests 1.Take the marks of one test (we shall call it marks1.) 2.Take the marks of a second test (we shall call it marks2.) 3.Add marks1 and marks2 ( so it would show as result=marks1 + marks2.) 4.The result is then shown based on the information entered.
  • 20. Finding the total marks from 2 tests 1.Take the marks of one test (we shall call it marks1.) 2.Take the marks of a second test (we shall call it marks2.) 3.Add marks1 and marks2 ( so it would show as result=marks1 + marks2.) 4.The result is then shown based on the information entered.
  • 21. Flowchart example 2 In pairs of two, try to create a flowchart based on this Algorithm Find the perimeter of a square. 1.The Input is Length and Breadth 2. The process to be created is area = Length x Breadth, Perimeter = 2 x (Length x Breadth) 3.The output is display area and display perimeter