Add pdf
@@ -1,48 +0,0 @@
|
||||
# Imba, a qui intro
|
||||
|
||||
* Compiles to Javascript
|
||||
* Fast fast (Syntax, DOM 'groundbreaking' memoization)
|
||||
|
||||
* Compiles to Javascript
|
||||
* Node, NPM (you can reuse the whole libraries ecosystem)
|
||||
* Front and Back end
|
||||
|
||||
* Created by a company called Scrimba (Code learning platform)
|
||||
* Why create language in your space?
|
||||
|
||||
* Hello World and VSCode plugin
|
||||
* Electron???
|
||||
* Imbaconfig.json
|
||||
* Build, watch, start -> No tests? watch by default
|
||||
|
||||
Nice types :
|
||||
|
||||
let length = 20px
|
||||
let duration = 150ms
|
||||
let regex = /answer is (\d+)/
|
||||
|
||||
const list = <ul title="reminders">
|
||||
<li> "Remember milk"
|
||||
<li> "Greet visitor"
|
||||
|
||||
tag todo-item
|
||||
css .input color:gray8 bg@hover:gray1
|
||||
|
||||
def render
|
||||
<self .completed=data.completed>
|
||||
<input bind=data.completed type='checkbox'>
|
||||
<span.title> data.title
|
||||
<button @click.stop.emit('remove')> 'x'
|
||||
|
||||
css -> file by default, global can be used
|
||||
|
||||
type annotations
|
||||
|
||||
def multiply a\number, b\number
|
||||
a * b
|
||||
|
||||
|
||||
No need for - in web components?
|
||||
|
||||
size, perf, generated, no js? support?
|
||||
documentation and support
|
||||
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
BIN
deck/functions.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
84
deck/imba.md
Normal file
@@ -0,0 +1,84 @@
|
||||
# Imba : Le développement web rapide rapide
|
||||
|
||||
---
|
||||
|
||||
## En 2 secondes
|
||||
|
||||
* Compile vers du JavaScript
|
||||
* Rapide rapide :) (Syntaxe efficace, DOM memoization)
|
||||
* Node, NPM (tout l'écosystème reste disponible)
|
||||
* Front and Back end
|
||||
|
||||
---
|
||||
|
||||
## La genèse
|
||||
|
||||
* Imba a été crée par Scrimba.
|
||||
* Tout le site est basé sur cette stack.
|
||||
* Tutoriels interactifs pour remplacer les bootcamps
|
||||
|
||||
---
|
||||
|
||||
## Prise en main : Le top!
|
||||
|
||||
* Zero config
|
||||
* WebApp ou electron avec HelloWorld
|
||||
* Un plugin VSCode avec tous les goodies habituels
|
||||
* Live reloading, build, ... Pas de tests?
|
||||
|
||||
---
|
||||
|
||||
## Quelques goodies : Les types de variables
|
||||
|
||||

|
||||
|
||||
|
||||
---
|
||||
|
||||
## Fonctions et inférence de types
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
## Tags et Components
|
||||
|
||||

|
||||
|
||||
|
||||
---
|
||||
|
||||
## Gestion des évènements
|
||||
|
||||
---
|
||||
|
||||
## Une doc facile à lire mais parfois incomplète
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
## Des erreurs ... déconcertantes
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
## Des erreurs ... en JSON!
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
## Performance : TODO app
|
||||
|
||||

|
||||
|
||||
---
|
||||
|
||||
## Conclusion
|
||||
|
||||
* DOM lisible
|
||||
* Syntaxe -> productif
|
||||
* Très reconnaissable pour le dév lit
|
||||
* Niche et manque de ressources
|
||||
BIN
deck/imba.pdf
Normal file
BIN
deck/performance.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
deck/tags.png
Normal file
|
After Width: | Height: | Size: 110 KiB |
BIN
deck/variables.png
Normal file
|
After Width: | Height: | Size: 64 KiB |