Write Better JavaScript

•Download as PPTX, PDF•

2 likes•1,247 views

This document provides an overview of writing better JavaScript by Kevin Whinnery. It discusses both good and bad parts of JavaScript, including object-oriented programming techniques like prototypal inheritance. It also offers useful patterns like self-calling functions and the module pattern. The document recommends style guidelines and provides examples of techniques like call and apply. Finally, it discusses using JavaScript in Titanium Mobile apps and lists further reading resources.

Technology

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

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

What's hot

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

What's hot (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 to 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 to 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

Recently uploaded

Knowledge engineering: from people to machines and back

Elena Simperl

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

Product School

You’ve heard good data matters in Machine Learning, but does it matter for Generative AI applications? Corporate data often differs significantly from the general Internet data used to train most foundation models. Join me for a demo on building an open source RAG (Retrieval Augmented Generation) stack using Milvus vector database for Retrieval, LangChain, Llama 3 with Ollama, Ragas RAG Eval, and optional Zilliz cloud, OpenAI.

Introduction to Open Source RAG and RAG Evaluation

Zilliz

Speed Wins: From Kafka to APIs in Minutes

confluent

We're living the AI revolution and Salesforce is adapting and bring new value to their customers. Einstein products are evolving rapidly and navigating their limitations, language support, and use cases can be challenging. Let's make review of what Einstein product are available currently, what are the capabilities and what can be used for in CEE region and how Rossie.ai can help to learn Salesforce speak Czech. We will explore the Einstein roadmap and I will make a short live demo (based on your vote) of some Einstein feature.

AI revolution and Salesforce, Jiří Karpíšek

CzechDreamin

Join us as we dive into the latest updates to the UiPath Orchestrator API, including new limits and features for 2024. Discover how these changes can enhance your automation projects and streamline your workflows. 📚 Overview of UiPath Orchestrator API 🔧 Recent changes to API limits 🛠️ How to adapt to new limits 📋 Best practices for using the Orchestrator API efficiently ❓ Q&A session

Exploring UiPath Orchestrator API: updates and limits in 2024 🚀

DianaGray10

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

"Impact of front-end architecture on development cost", Viktor Turskyi

Fwdays

How to differentiate Sales Cloud and CPQ on first glance might be tricky if you do not know where to look and what to look at. You will know :-) Managing the sales process within Salesforce is a common use case that can be managed with standart Sales Cloud. If you want to do entire quoting process you will find out Salesforce CPQ solution exists. What is then the difference if both can handle selling products? You will see comparison of 10 different features, which Sales Cloud and Salesforce CPQ handle differently. Simple question you will always remember if you should consider using Salesforce CPQ will be a cherry on top.

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

CzechDreamin

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

Product School

I'm excited to share my latest predictions on how AI, robotics, and other technological advancements will reshape industries in the coming years. The slides explore the exponential growth of computational power, the future of AI and robotics, and their profound impact on various sectors. Why this matters: The success of new products and investments hinges on precise timing and foresight into emerging categories. This deck equips founders, VCs, and industry leaders with insights to align future products with upcoming tech developments. These insights enhance the ability to forecast industry trends, improve market timing, and predict competitor actions. Highlights: ▪ Exponential Growth in Compute: How $1000 will soon buy the computational power of a human brain ▪ Scaling of AI Models: The journey towards beyond human-scale models and intelligent edge computing ▪ Transformative Technologies: From advanced robotics and brain interfaces to automated healthcare and beyond ▪ Future of Work: How automation will redefine jobs and economic structures by 2040 With so many predictions presented here, some will inevitably be wrong or mistimed, especially with potential external disruptions. For instance, a conflict in Taiwan could severely impact global semiconductor production, affecting compute costs and related advancements. Nonetheless, these slides are intended to guide intuition on future technological trends.

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Peter Udo Diehl

WSO2CONMay2024OpenSourceConferenceDebrief.pptx

Jennifer Lim

Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to: Create a campaign using Mailchimp with merge tags/fields Send an interactive Slack channel message (using buttons) Have the message received by managers and peers along with a test email for review But there’s more: In a second workflow supporting the same use case, you’ll see: Your campaign sent to target colleagues for approval If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team But—if the “Reject” button is pushed, colleagues will be alerted via Slack message Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors. And... Speakers: Akshay Agnihotri, Product Manager Charlie Greenberg, Host

Connector Corner: Automate dynamic content and events by pushing a button

DianaGray10

Already know how to write a basic SOQL query? Great! But what about an *aggregate* SOQL query? You know, the kind that uses aggregate functions like COUNT & MAX along with GROUP BY and HAVING clauses? No? Well, get ready to learn how to slice & dice your org’s data right inside your own dev console. From finding duplicate records to prototyping summary & matrix reports, learn the ins and outs of aggregate queries during this fast-paced but admin-friendly session on advanced SOQL concepts.

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

CzechDreamin

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Product School

Screen flow is a powerful automation tool that is commonly designed for internal and external users. However, what about the guest users? We will dive into various methods of launching screen flows and understand how to make them publicly accessible, extending their usability to a broader audience. The presentation will also cover the implementation of security layers and highlight best practices for a smooth and protected user experience. Discover the potential of screen flows beyond conventional use and learn how to leverage them effectively.

Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade

CzechDreamin

Ever caught yourself nodding along when someone mentions "delivering value" in Agile, but secretly wondering what the heck they actually mean? You're not alone! Join us for an eye-opening session where we'll strip away the buzzwords and dive into the heart of Agile—value delivery. But what is "value"? Is it a mythical unicorn in the world of software development, or is there more to this overused term? This isn't going to be a sit-and-get lecture. We're talking about a face-to-face, interactive meetup where YOU play a crucial role. Come along to: Define It: What does "value" really mean? We’ll build a definition that’s not just words, but a compass for your Agile journey. Contextualise It: Discover what value means specifically to you, your team, your company, and your industry. Because one size does not fit all. Deliver It: Share strategies and gather new ones for uncovering and delivering true value—no more shooting in the dark!

Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx

David Michel

The standard Salesforce Approval process can be limiting in many ways, especially in complex scenarios. What if there was a way to implement very flexible approvals where one can use Apex code to make data updates in unrelated records, dynamically generate next steps details, and compute assignees on the fly? And still use UI-based configurations to implement concrete approval processes. In this session, we will share ideas behind such a solution and show a few lines of code to get you started.

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

CzechDreamin

Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application. In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics. Length: 30 minutes Session Overview ------------------------------------------- During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana: - What out-of-the-box solutions are available for real-time monitoring JMeter tests? - What are the benefits of integrating InfluxDB and Grafana into the load testing stack? - Which features are provided by Grafana? - Demonstration of InfluxDB and Grafana using a practice web application To view the webinar recording, go to: https://www.rttsweb.com/jmeter-integration-webinar

JMeter webinar - integration with InfluxDB and Grafana

RTTS

Discover the essentials of performance testing in the IT sector with our concise guide. Learn about various testing types such as load, stress, endurance, spike, scalability, and volume testing. Understand key performance metrics like response time, throughput, CPU and memory utilization, and error rate. Explore top tools like Apache JMeter, LoadRunner, Gatling, Neoload, and BlazeMeter. Gain insights into best practices for defining objectives, creating realistic scenarios, automating tests, and optimizing performance to ensure user satisfaction, reliability, scalability, and cost efficiency. Ideal for developers, QA engineers, and IT professionals. Visit Expeed Software for more information. https://expeed.com/

In-Depth Performance Testing Guide for IT Professionals

Expeed Software

Recently uploaded (20)

Knowledge engineering: from people to machines and back

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

Introduction to Open Source RAG and RAG Evaluation

Speed Wins: From Kafka to APIs in Minutes

AI revolution and Salesforce, Jiří Karpíšek

Exploring UiPath Orchestrator API: updates and limits in 2024 🚀

"Impact of front-end architecture on development cost", Viktor Turskyi

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

How world-class product teams are winning in the AI era by CEO and Founder, P...

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

WSO2CONMay2024OpenSourceConferenceDebrief.pptx

Connector Corner: Automate dynamic content and events by pushing a button

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade

Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

JMeter webinar - integration with InfluxDB and Grafana

In-Depth Performance Testing Guide for IT Professionals

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!

Editor's Notes

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Write Better JavaScript

Similar to Write Better JavaScript (20)

More from Kevin Whinnery

More from Kevin Whinnery (10)

Recently uploaded

Recently uploaded (20)

Write Better JavaScript

Editor's Notes