Coffee Script
•
0 likes•512 views
CoffeeScript is a programming language that compiles to JavaScript. It addresses issues in JavaScript like global variables, semicolons, and reserved words by generating proper JavaScript code. CoffeeScript also improves control flow, functions, classes, and other aspects of JavaScript. It allows everything to be an expression, uses chained comparisons, and string interpolation to make code more concise and readable.
![Bucles
# Health conscious meal.!
foods = ['broccoli', 'spinach', 'chocolate']!
eat food for food in foods when food isnt 'chocolate'!
!
countdown = (num for num in [10..1])!
!
# Econ 101!
if this.studyingEconomics!
buy() while supply > demand!
sell() until supply > demand!
!
while age < 18!
canNotSmoke()!
canNotDrink()](https://image.slidesharecdn.com/coffeescript-140610152919-phpapp02/85/Coffee-Script-37-320.jpg)
Coffee Script
- 1. JavaScript “bien hecho” Yeray Darias CoffeeScript
- 3. Antes de CoffeeScript fue JavaScript Un poco de historia reciente
- 4. Finales del año 1994 ...
- 5. En el año 1995 ... Brendan Eich idea y programa 10Días Mochaen apenas
- 7. Allá por el año 1997 ...
- 8. A principios del 2000 ... JavaScript tenía algunos amigos pero noeramuypopular
- 9. En la actualidad ... JavaScript está en todas partes
- 10. Javascript
- 11. ¿Qué demonios es CoffeeScript? Pongamonos en situación
- 12. Es una idea que tuvo
- 14. CoffeeScript es un lenguaje de programación que “genera” JavaScript
- 15. JavaScriptWTFs
- 16. Douglas Crockford JavaScript The good parts
- 18. var message = “hola”;! ! function saluda() {! return message;! } var message = “adios”;! ! function despidete() {! return message;! } Global variables Si ambos ficheros están “cargados”, ¿Cuál es la salida esperada en cada función?
- 19. Global variables CoffeeScript no crea variables globales de forma implícita (function() {! var message, saluda;! ! message = "hola";! ! saluda = function() {! return message;! };! }).call(this); message = "hola"! ! saluda = () -> ! message
- 20. Scopes
- 21. Scopes Todas las variables en una función se declaran al principio (function() {! var message, saluda;! ! message = "hola";! ! saluda = function() {! return message;! };! }).call(this); message = "hola"! ! saluda = () -> ! message
- 23. Semicolons CoffeeScript autocompleta los ; (function() {! var message, saluda;! ! message = "hola";! ! saluda = function() {! return message;! };! }).call(this); message = "hola"! ! saluda = () -> ! message
- 25. Reserved words CoffeeScript escapa las palabras reservadas automáticamente var myObject;! ! myObject = {! "case": 'keyword',! tutu: 'allowed name'! }; myObject = ! case: 'keyword'! tutu: 'allowed name'
- 26. typeof
- 28. Equality comparisons CoffeeScript siempre usa los operadores como ===, !==, ... var testFunction;! ! testFunction = function(input) {! if (input === 'string') {! 'string';! ! }! if (input === 9) {! return 'number nine';! }! }; testFunction = (input) -> ! if (input == 'string')! 'string'! if (input == 9)! 'number nine'
- 29. eval()
- 30. continue
- 32. switch fall through Bond = (input) -> ! switch input! when 'Sean Connery', 'Daniel Craig'! 'Fucking crack'! when 'Roger Moore'! 'A bit boring' var Bond;! ! Bond = function(input) {! switch (input) {! case 'Sean Connery':! case 'Daniel Craig':! return 'Fucking crack';! case 'Roger Moore':! return 'A bit boring';! }! };! Todas las opciones acaban con un return
- 33. Global variables Scopes Semicolons Reserved words typeof Equality comparison eval() continue Switch fall through
- 35. Control de flujo mood = greatlyImproved if singing! ! if happy and knowsIt! clapsHands()! else! showIt()! ! date = if friday then sue else jill! ! isToday = yes unless yesterday or tomorrow! ! // -----------------------------------------------------! ! cholesterol = 127! ! healthy = 200 > cholesterol > 60! Chained comparisons Everything a expression
- 36. Control de flujo Bond = (input) -> ! switch input! when 'Sean Connery', 'Daniel Craig'! 'Fucking crack'! when 'Roger Moore'! 'A bit boring'! else! 'No comments'
- 37. Bucles # Health conscious meal.! foods = ['broccoli', 'spinach', 'chocolate']! eat food for food in foods when food isnt 'chocolate'! ! countdown = (num for num in [10..1])! ! # Econ 101! if this.studyingEconomics! buy() while supply > demand! sell() until supply > demand! ! while age < 18! canNotSmoke()! canNotDrink()
- 38. Funciones square = (x) -> x * x! cube = (x) -> square(x) * x! ! fill = (container, liquid = "coffee") ->! "Filling the #{container} with #{liquid}..."! ! // --------------------------------------------------! ! awardMedals = (first, second, others...) ->! gold = first! silver = second! rest = others! ! ! Splats String interpolation
- 39. Operators & aliases CoffeeScript JavaScript is === isnt !== not ! and && or || true, yes, on true false, no, off false @, this this of in in no JS equivalent
- 40. ‘The’ operator ? es el operador existencial en CoffeeScript
- 41. Clases class Animal! constructor: (@name) ->! ! move: (meters) ->! alert @name + " moved #{meters}m."! ! class Snake extends Animal! move: ->! alert "Slithering..."! super 5! ! class Horse extends Animal! move: ->! alert "Galloping..."! super 45
- 42. Clases ! ! sam = new Snake "Sammy the Python"! tom = new Horse "Tommy the Palomino"! ! sam.move()! tom.move()!
- 43. Function binding Account = (customer, cart) ->! @customer = customer! @cart = cart! ! $('.shopping_cart').bind 'click', (event) =>! @customer.purchase @cart! ! var Account;! ! Account = function(customer, cart) {! var _this = this;! this.customer = customer;! this.cart = cart;! return $('.shopping_cart').bind('click', function(event) {! return _this.customer.purchase(_this.cart);! });! };!