Write Better JavaScript

•Descargar como PPTX, PDF•

2 recomendaciones•1,247 vistas

Kevin Whinnery

Tecnología

Kevin Whinnery Engineer and Platform Evangelist Appcelerator since 2008 Husband and father of three: Web developer and JavaScript slinger turned mobile and desktop hacker. http://kevinwhinnery.com http://twitter.com/kevinwhinnery http://github.com/kwhinnery

Object-Oriented Programming in JavaScript

Useful JavaScript Patterns, Tricks, and Style Guidelines

“JavaScript is the incredibly hot girl at the party that brings her loser boyfriend DOM” Tom Robinson Founder, 280 North

JavaScript – What is it good for? ,[object Object]

Object-Oriented (Prototypical Inheritance)… or not

Built for event-driven UI,[object Object]

I use patterns from this book every time I write JS

Almost always, you want === and !==,[object Object]

there’s more (http://wtfjs.com ), but let’s skip to…

…plus it’s EVERYWHERE. one could develop all kinds of software applications with nothing else.

JavaScript has Prototypal Inheritance, which creates new copies of objects from an existing object (the prototype) there’s much more to it than this, but we’ll keep it mostly high level…

Object Constructors * The capital first letter is by convention, not requirement.

…but object instantiation using the prototype to define functions/properties is faster. http://ejohn.org/blog/simple-class-instantiation mentions this and other methods for…

JavaScript doesn’t support multiple inheritance, but there are multiple libraries that handle that and more, including underscore.js http://documentcloud.github.com/underscore/#extend

Add new features and functionality to it (the parasites, if you will)

Pass it off as an instance of a new object

Slightly slower than .prototype but more flexible (and inescapable in certain cases),[object Object]

Self-calling function provides encapsulation

Both forms at right are valid, second is preferred,[object Object]

Uses functional scope to provide a public interface to a module

Más contenido relacionado

La actualidad más candente

The Future of Selenium Testing for Mobile Web and Native Apps

Sauce Labs

Cross Platform Development in C# (DDDNorth 2013)

ross.dargan

$Mvvm is like born fraction$ $Mvvm is like born fraction$

Mvvm is like born fraction

Ken Haneda

Una charla sobre React Native que di el 23 de Marzo 2017 en el meetup ValenciaJS: https://www.meetup.com/es-ES/ValenciaJS/events/238249872/ En 2016 desarrollé durante seis meses una aplicación para React Native. En esta charla compartí todo lo que he aprendido sobre este framework, y cómo os puede servir para crear una app nativa para iOS y Android al mismo tiempo de manera rápida y ágil. Hablé sobre la parte positiva, y las cosas que aceleraron nuestro proceso de desarrollo, pero también sobre algunos inconvenientes que hay que tener en cuenta. Se trata sobre todo de problemas muy específicos de cada plataforma, poner en marcha un flujo de integración continua y facilitar un proceso sencillo de testar la app con los usuarios. React Native es una buena solución que está muy de moda pero esto no significa que hay que usarlo sin analizar bien las necesidades de tu proyecto. Presenté brevemente una alternativa (Ionic 2) y conté que ventajas tiene en comparación con React Native desde mi punto de vista.

Lo mejor y peor de React Native @ValenciaJS

Marcel Kalveram

Most of the major internet companies have now declared themselves to be mobile first. Smartphones have become ubiquitous throughout the development world. But mobile development is fraught with challenges. There are more Android devices than iOS, but iOS users tend to spend more money. If you build your app for one, it is a complete re-write for the other. You may have heard of Cordova/PhoneGap, but the apps tend to be somewhat clunky looking. Enter the Ionic Framework, a cross platform framework which combines PhoneGap with AngularJS and super fast CSS3 to make apps which perform at near native levels.

Ionic framework one day training

Troy Miles

Introduction To Appium With Robotframework

Syam Sasi

TypeScript

Software Infrastructure

React Native

Software Infrastructure

Workshop Ionic Framework - CC FE & UX

JWORKS powered by Ordina

Whats New in Titanium 0.7

Kevin Whinnery

BDD in Xamarin with Specflow & Xamarin UI Test

Emanuel Amiguinho

React Native - Why Designers should use React native. And everyone else too.

Val Scholz

Introduction to React Native & Rendering Charts / Graphs

Rahat Khanna a.k.a mAppMechanic

Introduction to React Native

Sambhu Lakshmanan

DevOps is a large part of a company of any size. In the 9+ years that I have been a professional developer I have always taken an interest in DevOps and have been the "server person" for most of the teams I have been a part of. I would like to teach others how easy it is to implement modern tools to make their everyday development and development processes better. I will cover a range of topics from "Stop using WAMP/MAMP and start using Vagrant", "version control isn't renaming files", "Automate common tasks with shell scripts / command line PHP apps" and "From Vagrant to Production".

Midwest PHP 2017 DevOps For Small team

Joe Ferguson

Building testable chrome extensions

Seth McLaughlin

Ever kill a bug only to have it resurface later? How about that last intermittent bug you had to trace down? Looking forward to fixing it again when it pops back up? If you hate reanimated bugs then this session is for you. In this session, we will discuss the why and the how of building regression testing into your tests using the Codeception testing framework. Join me, let's hunt some zombie bugs. (Weapons not required)

Put an end to regression with codeception testing

Joe Ferguson

Cordova: APIs and instruments

Ivano Malavolta

Apache Cordova, Hybrid Application Development

thedumbterminal

Having one application to support is easy enough, but what if you have a CMS, an API, a design tool, and a core library that each other tool also needs to consume? Where do you even begin juggling the release management and cycle of so many interconnected and interdependent packages? Learn how a small team manages a large CMS project and utilizes real-world best practices of Git, CI/CD, and old fashion planning to bring a solid platform to thousands of editors and millions of viewers.

Composer at Scale, Release and Dependency Management

Joe Ferguson

La actualidad más candente (20)

The Future of Selenium Testing for Mobile Web and Native Apps

Cross Platform Development in C# (DDDNorth 2013)

$Mvvm is like born fraction$ $Mvvm is like born fraction$

Mvvm is like born fraction

Lo mejor y peor de React Native @ValenciaJS

Ionic framework one day training

Introduction To Appium With Robotframework

TypeScript

React Native

Workshop Ionic Framework - CC FE & UX

Whats New in Titanium 0.7

BDD in Xamarin with Specflow & Xamarin UI Test

React Native - Why Designers should use React native. And everyone else too.

Introduction to React Native & Rendering Charts / Graphs

Introduction to React Native

Midwest PHP 2017 DevOps For Small team

Building testable chrome extensions

Put an end to regression with codeception testing

Cordova: APIs and instruments

Apache Cordova, Hybrid Application Development

Composer at Scale, Release and Dependency Management

Similar a Write Better JavaScript

One of the main reasons Titanium Mobile has been so successful is that the technology has significantly lowered the barrier to entry for native mobile development. A major force behind this is JavaScript, Titanium's primary programming language. The JavaScript programming language is small enough where the basics can be learned in a matter of hours, which has enabled developers from many different backgrounds to become productive using Titanium. But there's much more to JavaScript than just control structures and a handful of primitive data types - JavaScript is a beautiful functional programming language with great features you might not be using. Most developers working on the web today have had some exposure to JavaScript, but there's a difference between using jQuery for DOM manipulation on a web page and writing an entire application in JavaScript. This talk, intended for beginner or intermediate JavaScript developers, will focus on the essential language features you will need to write professional JavaScript applications, including but not limited to: Object Oriented Programming in JavaScript The Good Parts and Bad Parts of JavaScript Useful JavaScript Patterns, Tricks, and Style Guidelines The JavaScript runtime in Titanium Mobile Further Reading and ways to stay up to date on JavaScript

Kevin Whinnery: Write Better JavaScript

Axway Appcelerator

Building Rich User Experiences Without JavaScript Spaghetti

Jared Faris

Javascript spaghetti stirtrek_5_17

Jared Faris

Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue

Tobias Braner

Java2 platform

Sajan Sahu

JavaScript Miller Columns

Jonathan Fine

All of Javascript

Togakangaroo

Building a modern web (or mobile) application requires a lot of tools, frameworks and techniques. This session shows how JHipster unites popular frameworks like AngularJS, Spring Boot and Bootstrap. Using Yeoman, a scaffolding tool for modern webapps, JHipster will generate a project that uses Java 8, SQL or NoSQL databases, Spring profiles, Maven or Gradle, Gulp.js, WebSockets and BrowserSync. It also supports a number of different authentication mechanisms: classic session-based auth, OAuth 2.0, or token-based authentication. For cloud deployments, JHipster includes out-of-the-box support for Cloud Foundry and Heroku.

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016

Matt Raible

Framework engineering JCO 2011

YoungSu Son

The talk will cover how to effectively build a production-ready, full-stack app with Golang and GCP under time constraints. I'll discuss how to approach making quick and sound technical decisions and how to apply modern software engineering practices for end-to-end apps. The presentation shows, in an opinionated and "meme-ful" way, various lessons learned, tools, and key takeaways for cloud environments.

Building a full-stack app with Golang and Google Cloud Platform in one week

Dr. Felix Raab

Building a modern web (or mobile) application requires a lot of tools, frameworks and techniques. This session shows how JHipster unites popular frameworks like AngularJS, Spring Boot and Bootstrap. Using Yeoman, a scaffolding tool for modern webapps, JHipster will generate a project that uses Java 8, SQL or NoSQL databases, Spring profiles, Maven or Gradle, Gulp.js, WebSockets and BrowserSync. It also supports a number of different authentication mechanisms: classic session-based auth, OAuth 2.0, or JWT. For cloud deployments, JHipster includes out-of-the-box support for Cloud Foundry and Heroku.

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016

Matt Raible

Your java script library

jasfog

Introduction to Functional Reactive Web with Clojurescript

John Stevenson

Google App Engine for Java

Lars Vogel

React is a different way to write JavaScript apps. When it was introduced at JSConf US in May, the audience was shocked by some of its design principles. One sarcastic tweet from an audience member ended up describing React’s philosophy quite accurately: https://twitter.com/cowboy/status/339858717451362304 We’re trying to push the limits of what’s possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events.

Rethinking Best Practices

floydophone

Vzpomínáte na doby, kdy na všechno stačilo jQuery? Slavme, jsme zpátky v budoucnosti. Svět JavaScriptových knihoven a nástrojů se usadil. Poznejte a naučte se technologie, které následujících minimálně pět let budou mainstreamem. Už není třeba experimentovat, dumat jestli Ember nebo Angular nebo Meteor, odpovědí je React a Flux. Zabaleno a připraveno k použití v produkci v úplně novém Este.js - zero bus factor edition.

Daniel Steigerwald - Este.js - konec velkého Schizma

Develcz

Lunch and learn as3_frameworks

Yuri Visser

YouTube of this presentation's JHipster Demo: https://www.youtube.com/watch?v=ZGF4gEM4FuA Building a modern web (or mobile) application requires a lot of tools, frameworks and techniques. This session shows how JHipster unites popular frameworks like AngularJS, Spring Boot and Bootstrap. Using Yeoman, a scaffolding tool for modern webapps, JHipster will generate a project for you and allow you to use Java 8, SQL or NoSQL databases, Spring profiles, Maven or Gradle, Grunt or Gulp.js, WebSockets and Browsersync. It also supports a number of different authentication mechanisms: classic session-based auth, OAuth 2.0, or JWT authentication. For cloud deployments, JHipster includes out-of-the-box support for Cloud Foundry and Heroku.

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - DOSUG February 2016

Matt Raible

Workshop Intro: FrontEnd General Overview

Visual Engineering

Robotlegs on Top of Gaia

Jesse Warden

Similar a Write Better JavaScript (20)

Kevin Whinnery: Write Better JavaScript

Building Rich User Experiences Without JavaScript Spaghetti

Javascript spaghetti stirtrek_5_17

Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue

Java2 platform

JavaScript Miller Columns

All of Javascript

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Devoxx UK 2016

Framework engineering JCO 2011

Building a full-stack app with Golang and Google Cloud Platform in one week

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - GeekOut 2016

Your java script library

Introduction to Functional Reactive Web with Clojurescript

Google App Engine for Java

Rethinking Best Practices

Daniel Steigerwald - Este.js - konec velkého Schizma

Lunch and learn as3_frameworks

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - DOSUG February 2016

Workshop Intro: FrontEnd General Overview

Robotlegs on Top of Gaia

Más de Kevin Whinnery

Get Pumped for the HTML 5 Gamepad API

Kevin Whinnery

Designing Modules for the Browser and Node with Browserify

Kevin Whinnery

Second Screen Apps with the Google Cast SDK

Kevin Whinnery

Let's Write Better Node Modules

Kevin Whinnery

Taking UX to the Real World

Kevin Whinnery

Best Practices for Cross-Platform Native Applications

Kevin Whinnery

Write Better JavaScript

Kevin Whinnery

Titanium Overview (Mobile March 2011)

Kevin Whinnery

What's New in Titanium 1.5

Kevin Whinnery

Getting Started with Titanium

Kevin Whinnery

Más de Kevin Whinnery (10)

Get Pumped for the HTML 5 Gamepad API

Designing Modules for the Browser and Node with Browserify

Second Screen Apps with the Google Cast SDK

Let's Write Better Node Modules

Taking UX to the Real World

Best Practices for Cross-Platform Native Applications

Write Better JavaScript

Titanium Overview (Mobile March 2011)

What's New in Titanium 1.5

Getting Started with Titanium

Último

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Architecting Cloud Native Applications

WSO2

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

DBX First Quarter 2024 Investor Presentation

Dropbox

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Six Myths about Ontologies: The Basics of Formal Ontology

johnbeverley2021

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

Write Better JavaScript

1. Write Better JavaScript Kevin Whinnery Engineer and Platform Evangelist Appcelerator, Inc. @kevinwhinnery

2. Kevin Whinnery Engineer and Platform Evangelist Appcelerator since 2008 Husband and father of three: Web developer and JavaScript slinger turned mobile and desktop hacker. http://kevinwhinnery.com http://twitter.com/kevinwhinnery http://github.com/kwhinnery

4. Object-Oriented Programming in JavaScript

5. Useful JavaScript Patterns, Tricks, and Style Guidelines

6. JavaScript in Titanium Mobile

8. “JavaScript is the incredibly hot girl at the party that brings her loser boyfriend DOM” Tom Robinson Founder, 280 North

10. Object-Oriented (Prototypical Inheritance)… or not

11. Flexible Objects

12. First-Class Functions

13.

14. Covers the good and bad

15. I use patterns from this book every time I write JS

16.

17. Global Variables app.js some/library.js

18.

19. false

20. 0

21. ‘’

22. null

23. undefined

24. NaN

25. Truthy Values:

26. Everything else

27.

28. typeof is a liar

29. there’s more (http://wtfjs.com ), but let’s skip to…

30. The Good Parts

31. Expressive Object Literals

32. Easy Object Serialization

33. First Class Functions

34. Closures

35. Flexible Objects

36. Duck Typing

37. …plus it’s EVERYWHERE. one could develop all kinds of software applications with nothing else.

38. OOP! (There it is!)

39. JavaScript has Prototypal Inheritance, which creates new copies of objects from an existing object (the prototype) there’s much more to it than this, but we’ll keep it mostly high level…

40. Object Constructors * The capital first letter is by convention, not requirement.

41. Object Prototype

42. we could have also wrote…

43. …but object instantiation using the prototype to define functions/properties is faster. http://ejohn.org/blog/simple-class-instantiation mentions this and other methods for…

44. Inheritance (One Approach)

45. JavaScript doesn’t support multiple inheritance, but there are multiple libraries that handle that and more, including underscore.js http://documentcloud.github.com/underscore/#extend

46.

47. Add new features and functionality to it (the parasites, if you will)

48. Pass it off as an instance of a new object

49.

50. Useful Tricks

51.

52. Self-calling function provides encapsulation

53.

54. Uses functional scope to provide a public interface to a module

55.

56. Function interfaces can rationalize many input types

57.

58. Passable, and callable

59. Can replace “this” inside function with something more useful

60. call: call a function with known arguments

61.

62. Call Example

63. A More Useful “this”

64. Style Guidelines

65.

66. JavaScript file contents (cohesion)

67. Google Style Guidelines: http://bit.ly/g_style

68.

69. Huge files – if you want to write 13,000 lines in a file, go back to enterprise Java

70. Semicolons are not optional – you don’t want the interpreter writing code for you

71.

72. Unnecessary Indentation

73. JavaScript in Titanium Mobile

74.

75. Android – Rhino – Java-based, meant for the server-side, just okay in terms of performance

76. Coming soon – Android/V8 – C-based, super duper fast, minimum Android version 2.2 (don’t freak out, check the version distribution stats)

77.

78. CommonJS Module Spec

79.

80.

81.

82. JavaScript: The Good Parts

83. Eloquent JavaScript (free!)

84. High Performance JavaScript

85.

86. @BrendanEich

87. @functionsource

88. @dalmaer

89. @thomasfuchs

90. @zacharyjohnson

91. @wycats

92. @DavidKaneda

93. @rem

94.

95. http://badassjs.com- then, after that, go here

96. http://jsbin.com - handy test harness

97. https://github.com/cjohansen/juicer - Great compression and obfuscation utility (Ruby)

98.

99. Thank You!

Notas del editor

A closure is a function, with a referencing environment for the free variables (arguments) to that function – it provides the function with a scope, that will live on for the life of the closure. It’s also the only way to create scope in JavaScript.

Write Better JavaScript

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Write Better JavaScript

Similar a Write Better JavaScript (20)

Más de Kevin Whinnery

Más de Kevin Whinnery (10)

Último

Último (20)

Write Better JavaScript

Notas del editor