Movatterモバイル変換


[0]ホーム

URL:


PPT, PDF30,691 views

Java script ppt

The document summarizes lessons from talks on modern JavaScript, emphasizing the importance of writing quality code and understanding JavaScript's nuances, such as strict equality and hoisting. It touches on various topics like mobile development, function scope, and design patterns, while encouraging further learning and testing practices. Useful resources and recommended next steps for improving JavaScript skills are also provided.

Embed presentation

Downloaded 590 times
JAVASCRIPT DOJOLessons and thoughtsfrom DevWeek
TALKS ATTENDED• “Modern JavaScript” - K. Scott Allen• “Just because it’s JavaScript doesn’t give youthe right to write rubbish!” – Hadi Hariri• Mobile development with MVC4 and jQueryMobile – Brock Allen
NobodyknowsJavaScript!
DOUBLE AND TRIPLE EQUALSa)1 == “1”a)1 == truea)“1” == truea)1 == “ 1 “a)1 == [1]f) null == undefinedf) 1 == 1f) “ “ == falsef) NaN == NaNf) 1 == “true”
Prefer strict equals === to ==
QUNIT
SCOPEA/(function () {if (true) {var functionScope = "functionScope";}return functionScope;})();B/var functionScope = "functionScope";(function () {return functionScope;})();C/(function () {var test = function () {var functionScope = "functionScope";}return functionScope;})();D/(function () {var functionScope = 0;var functionScope = “functionScope”;return function}
HOISTINGhttp://elegantcode.com/2010/12/24/basic-javascript-part-5-hoisting/
Function scope means that allvariables and parametersdeclared inside a function arevisible everywhere within thefunction.
FUNCTION DECLARATIONSVS FUNCTION EXPRESSIONSFunction Declarationfunction functionDeclaration() {return “I’m a function declaration”;}Function Expressionvar functionExpression = function() {return “I’m a function expression”;};
AUTOMATIC SEMICOLONINSERTIONUsing semicolons in JavaScript is optional BUTJavaScript inserts them automatically.Don't forget to use new on constructor functions.New and This
TECHNIQUES• Constructor protection• Encapsulation• Placing methods on the prototype• Self executing functions• Namespaces• Module Pattern / Revealing module pattern
CONSTRUCTOR PROTECTION
STORE FUNCTIONS ON THEPROTOTYPE
HADI HARIRI• “It’s just JavaScript!”• “JavaScript is write once code – you never want to go back toit and change it”• “People think that JavaScript is not maintainable.”• “People think SRP doesn’t exist in JavaScript – how can a classhave a single responsibility if there isn’t a class”• “We care in C#, we care in Java....why not JavaScript?”
NEXT STEPS• Know JavaScript better.• Be able to write and run tests easily in VisualStudio.• Write real world JavaScript tests withmocking.• Get intellisense in Visual Studio• Be able to run tests as part of Team City build• Have tools which will help me improve the
USEFUL LINKS• K Scott Allen’s blog - www.odetocode.com/blogs/all• Hadi Hariri , same talk in Norway – http://vimeo.com/43536490• Basic JavaScript blog posts – http://elegantcode.com/2011/03/24/basic-javascript-part-12-function-hoisting• JavaScript sketch pad – http://jsfiddle.net• Free Book (now published by O’Reilly) based on ECMAScript version 3http://javascriptenlightment.com/JavaScript_Enlightenment.pdf• JavaScript performance test bed – http://jsperf.com

Recommended

PDF
JavaScript Programming
PPTX
Lab #2: Introduction to Javascript
PDF
Javascript
PDF
javascript objects
PPT
JavaScript - An Introduction
PPSX
Javascript variables and datatypes
PPTX
Ajax ppt - 32 slides
PPTX
Java String
PDF
JavaScript - Chapter 3 - Introduction
PDF
3. Java Script
PDF
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
PDF
Basics of JavaScript
PPTX
ReactJS presentation.pptx
PPTX
Presentation on "An Introduction to ReactJS"
PDF
Javascript basics
PPT
JavaScript Tutorial
PPT
Introduction to Javascript
PPTX
Advance Java Topics (J2EE)
 
PPT
Javascript
PPT
Java Script ppt
PPTX
Spring boot Introduction
PPT
Javascript
PPTX
What is component in reactjs
PDF
JavaScript - Chapter 8 - Objects
PDF
JavaScript - Chapter 12 - Document Object Model
PPT
Java Servlets
PPT
PHP - Introduction to PHP AJAX
PPTX
Form Validation in JavaScript
PPTX
JSON: The Basics
PPT
Js ppt

More Related Content

PDF
JavaScript Programming
PPTX
Lab #2: Introduction to Javascript
PDF
Javascript
PDF
javascript objects
PPT
JavaScript - An Introduction
PPSX
Javascript variables and datatypes
PPTX
Ajax ppt - 32 slides
PPTX
Java String
JavaScript Programming
Lab #2: Introduction to Javascript
Javascript
javascript objects
JavaScript - An Introduction
Javascript variables and datatypes
Ajax ppt - 32 slides
Java String

What's hot

PDF
JavaScript - Chapter 3 - Introduction
PDF
3. Java Script
PDF
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
PDF
Basics of JavaScript
PPTX
ReactJS presentation.pptx
PPTX
Presentation on "An Introduction to ReactJS"
PDF
Javascript basics
PPT
JavaScript Tutorial
PPT
Introduction to Javascript
PPTX
Advance Java Topics (J2EE)
 
PPT
Javascript
PPT
Java Script ppt
PPTX
Spring boot Introduction
PPT
Javascript
PPTX
What is component in reactjs
PDF
JavaScript - Chapter 8 - Objects
PDF
JavaScript - Chapter 12 - Document Object Model
PPT
Java Servlets
PPT
PHP - Introduction to PHP AJAX
PPTX
Form Validation in JavaScript
JavaScript - Chapter 3 - Introduction
3. Java Script
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
Basics of JavaScript
ReactJS presentation.pptx
Presentation on "An Introduction to ReactJS"
Javascript basics
JavaScript Tutorial
Introduction to Javascript
Advance Java Topics (J2EE)
 
Javascript
Java Script ppt
Spring boot Introduction
Javascript
What is component in reactjs
JavaScript - Chapter 8 - Objects
JavaScript - Chapter 12 - Document Object Model
Java Servlets
PHP - Introduction to PHP AJAX
Form Validation in JavaScript

Viewers also liked

PPTX
JSON: The Basics
PPT
Js ppt
PDF
jQuery for beginners
PPTX
Dynamic HTML (DHTML)
PPTX
Presentation on C++ Programming Language
PDF
Introduction to XHTML
PPTX
C++ ppt
PPTX
Dhtml
PPS
Xhtml
PPTX
Dhtml
DOCX
PDF
PPT
Dynamic HTML
PPTX
Js coding standards
PPTX
Software development best practices & coding guidelines
JSON: The Basics
Js ppt
jQuery for beginners
Dynamic HTML (DHTML)
Presentation on C++ Programming Language
Introduction to XHTML
C++ ppt
Dhtml
Xhtml
Dhtml
Dynamic HTML
Js coding standards
Software development best practices & coding guidelines

Similar to Java script ppt

PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
PPTX
JavaScript Fundamentals & JQuery
PPTX
Java script
PPT
JavaScript Workshop
PDF
Scalable JavaScript
PPTX
All of Javascript
PPTX
Javascript for the c# developer
PPTX
All of javascript
PPTX
LinkedIn TBC JavaScript 100: Intro
PPT
Java Script
PDF
Java Script
PPT
JavaScript ppt for introduction of javascripta
PPTX
Awesomeness of JavaScript…almost
PPTX
Javascript basics
PDF
JavaScript Core
ODP
jsbasics-slide
PPTX
Javascripts. pptt
PPTX
Javascript
PDF
The JavaScript You Wished You Knew
KEY
JavaScript Neednt Hurt - JavaBin talk
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
JavaScript Fundamentals & JQuery
Java script
JavaScript Workshop
Scalable JavaScript
All of Javascript
Javascript for the c# developer
All of javascript
LinkedIn TBC JavaScript 100: Intro
Java Script
Java Script
JavaScript ppt for introduction of javascripta
Awesomeness of JavaScript…almost
Javascript basics
JavaScript Core
jsbasics-slide
Javascripts. pptt
Javascript
The JavaScript You Wished You Knew
JavaScript Neednt Hurt - JavaBin talk

More from The Health and Social Care Information Centre

PDF
Business plan for the Health and Social Care Information Centre 2015 - 2016
PPTX
HSCIC/ESR Data Quality / Data Standards Road Shows 2015/16
PPSX
Hscic data quality_data_standards_workshop_taunton_2016
PPTX
HSCIC/ESR Data Quality / Data Standards Road Shows 2015/16
PPTX
Nicholas Oughtibridge: Code Of Practice For Confidential Information Commissi...
PDF
Focus on the health and care of young people - poster
PDF
Benefits case study: NHS Immunisation Statistics Publication
PDF
Benefits case study: Diabetes UK Putting Feet First Campaign
PDF
Benefits case study summary: NHS Immunisation Statistics Publication
PDF
Measures from the Adult Social Care Outcomes Framework, England - 2014-15
PDF
Stoptober: infographic of HSCIC statistics on smoking
PDF
Benefits case study summary: Diabetes Uk Putting Feet First Campaign
PPSX
Hscic data quality_data_standards_workshop_manchester_2016
PPSX
Hscic data quality_data_standards_workshop_leeds_2016
PPTX
Jackie Shears: NHS Pathways Commissioning in Healthcare show (CiH 2015)
PPT
Julie Henderson and Shaun Rowark (NICE): Commissioning in Healthcare show (Ci...
PPTX
Focus on the health and care of young people
PPTX
Cleveland Henry: Healthcare Efficiency Through Technology Expo (HETT 2015)
PDF
Benefits case study summary – prescriptions dispensed in the community’ publi...
PPTX
Andy Williams: Healthcare Efficiency Through Technology Expo (HETT 2015)
Business plan for the Health and Social Care Information Centre 2015 - 2016
HSCIC/ESR Data Quality / Data Standards Road Shows 2015/16
Hscic data quality_data_standards_workshop_taunton_2016
HSCIC/ESR Data Quality / Data Standards Road Shows 2015/16
Nicholas Oughtibridge: Code Of Practice For Confidential Information Commissi...
Focus on the health and care of young people - poster
Benefits case study: NHS Immunisation Statistics Publication
Benefits case study: Diabetes UK Putting Feet First Campaign
Benefits case study summary: NHS Immunisation Statistics Publication
Measures from the Adult Social Care Outcomes Framework, England - 2014-15
Stoptober: infographic of HSCIC statistics on smoking
Benefits case study summary: Diabetes Uk Putting Feet First Campaign
Hscic data quality_data_standards_workshop_manchester_2016
Hscic data quality_data_standards_workshop_leeds_2016
Jackie Shears: NHS Pathways Commissioning in Healthcare show (CiH 2015)
Julie Henderson and Shaun Rowark (NICE): Commissioning in Healthcare show (Ci...
Focus on the health and care of young people
Cleveland Henry: Healthcare Efficiency Through Technology Expo (HETT 2015)
Benefits case study summary – prescriptions dispensed in the community’ publi...
Andy Williams: Healthcare Efficiency Through Technology Expo (HETT 2015)

Recently uploaded

PPTX
Differentiation between benign and malignant tumors.pptx
PPTX
CELL PHYSIOLOGY: STRUCTURE AND FUNCTIONS
PDF
EFRUZHU INFLAMMATION MECHANISM THEOREM AND ADVOCATES.pdf
PPTX
2026 ADA Standards of Care:Summary of Changes
PDF
Schlosser Hemsley et al RPM Systematic Review ASHA 2025
PDF
Novo protocolo (7) da ABM sobre Políticas de Apoio à AMAMENTAÇÃO em MATERNIDADES
PDF
VERTEBRAL FRACTURE (TRAUMATIC _ PATHOLOGICAL).pdf
PDF
Filling in the Gaps in Hemophilia Guideline Recommendations: Evidence-Based S...
PPTX
Emerging Targets in NSCLC beyond EGFR, ALK & ROS .pptx
PDF
Partograph: It is a composite graphical recording of cervical dilatation and ...
PPTX
Holistic Oral Care- Danta Davana and Jihwa nilekhana in Ayurveda: Classical ...
PDF
Unit II 02.2 Non-Aqueous Titration, Acidimetry and Alkalimetry
PPTX
quality control.pptx FOR LAB PROFESSIONALS MBBS STUDENTS
PPTX
Central Venous Line: Insertion Technique & Complications
PPTX
Surgery instruments for MBBS Students, pptx
PPTX
ATTENTION (PSYCHOLOGY IN NURSING) COGNITIVE PROCESS.pptx
PPTX
Oncology Physiotherapy_ A Key Piece in Cancer Care Puzzle.pptx
PPTX
Research Methodology_UNIT_V_Declaration of Helsinki M. Pharm (IIIrd Sem.).pptx
PPTX
HD catheters, what do we need to know 2025 updated.pptx
PPTX
Ginger_Research_Presentation_Updated (2).pptx
Differentiation between benign and malignant tumors.pptx
CELL PHYSIOLOGY: STRUCTURE AND FUNCTIONS
EFRUZHU INFLAMMATION MECHANISM THEOREM AND ADVOCATES.pdf
2026 ADA Standards of Care:Summary of Changes
Schlosser Hemsley et al RPM Systematic Review ASHA 2025
Novo protocolo (7) da ABM sobre Políticas de Apoio à AMAMENTAÇÃO em MATERNIDADES
VERTEBRAL FRACTURE (TRAUMATIC _ PATHOLOGICAL).pdf
Filling in the Gaps in Hemophilia Guideline Recommendations: Evidence-Based S...
Emerging Targets in NSCLC beyond EGFR, ALK & ROS .pptx
Partograph: It is a composite graphical recording of cervical dilatation and ...
Holistic Oral Care- Danta Davana and Jihwa nilekhana in Ayurveda: Classical ...
Unit II 02.2 Non-Aqueous Titration, Acidimetry and Alkalimetry
quality control.pptx FOR LAB PROFESSIONALS MBBS STUDENTS
Central Venous Line: Insertion Technique & Complications
Surgery instruments for MBBS Students, pptx
ATTENTION (PSYCHOLOGY IN NURSING) COGNITIVE PROCESS.pptx
Oncology Physiotherapy_ A Key Piece in Cancer Care Puzzle.pptx
Research Methodology_UNIT_V_Declaration of Helsinki M. Pharm (IIIrd Sem.).pptx
HD catheters, what do we need to know 2025 updated.pptx
Ginger_Research_Presentation_Updated (2).pptx

Java script ppt

  • 1.
    JAVASCRIPT DOJOLessons andthoughtsfrom DevWeek
  • 2.
    TALKS ATTENDED• “ModernJavaScript” - K. Scott Allen• “Just because it’s JavaScript doesn’t give youthe right to write rubbish!” – Hadi Hariri• Mobile development with MVC4 and jQueryMobile – Brock Allen
  • 3.
  • 4.
    DOUBLE AND TRIPLEEQUALSa)1 == “1”a)1 == truea)“1” == truea)1 == “ 1 “a)1 == [1]f) null == undefinedf) 1 == 1f) “ “ == falsef) NaN == NaNf) 1 == “true”
  • 5.
  • 6.
  • 7.
    SCOPEA/(function () {if(true) {var functionScope = "functionScope";}return functionScope;})();B/var functionScope = "functionScope";(function () {return functionScope;})();C/(function () {var test = function () {var functionScope = "functionScope";}return functionScope;})();D/(function () {var functionScope = 0;var functionScope = “functionScope”;return function}
  • 8.
  • 9.
    Function scope meansthat allvariables and parametersdeclared inside a function arevisible everywhere within thefunction.
  • 10.
    FUNCTION DECLARATIONSVS FUNCTIONEXPRESSIONSFunction Declarationfunction functionDeclaration() {return “I’m a function declaration”;}Function Expressionvar functionExpression = function() {return “I’m a function expression”;};
  • 11.
    AUTOMATIC SEMICOLONINSERTIONUsing semicolonsin JavaScript is optional BUTJavaScript inserts them automatically.Don't forget to use new on constructor functions.New and This
  • 12.
    TECHNIQUES• Constructor protection•Encapsulation• Placing methods on the prototype• Self executing functions• Namespaces• Module Pattern / Revealing module pattern
  • 13.
  • 14.
    STORE FUNCTIONS ONTHEPROTOTYPE
  • 15.
    HADI HARIRI• “It’sjust JavaScript!”• “JavaScript is write once code – you never want to go back toit and change it”• “People think that JavaScript is not maintainable.”• “People think SRP doesn’t exist in JavaScript – how can a classhave a single responsibility if there isn’t a class”• “We care in C#, we care in Java....why not JavaScript?”
  • 16.
    NEXT STEPS• KnowJavaScript better.• Be able to write and run tests easily in VisualStudio.• Write real world JavaScript tests withmocking.• Get intellisense in Visual Studio• Be able to run tests as part of Team City build• Have tools which will help me improve the
  • 17.
    USEFUL LINKS• KScott Allen’s blog - www.odetocode.com/blogs/all• Hadi Hariri , same talk in Norway – http://vimeo.com/43536490• Basic JavaScript blog posts – http://elegantcode.com/2011/03/24/basic-javascript-part-12-function-hoisting• JavaScript sketch pad – http://jsfiddle.net• Free Book (now published by O’Reilly) based on ECMAScript version 3http://javascriptenlightment.com/JavaScript_Enlightenment.pdf• JavaScript performance test bed – http://jsperf.com

[8]ページ先頭

©2009-2025 Movatter.jp