front end developers: pyjamas
DESCRIPTION
A quick presentation about the merits of using Pyjamas framework for front end development.TRANSCRIPT
![Page 1: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/1.jpg)
pyjamas
Great... yet another web development framework
![Page 2: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/2.jpg)
What is Pyjamas?
• A Python framework for writing web front end
![Page 3: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/3.jpg)
What is Pyjamas?
• A Python framework for writing web front end
What?!
![Page 4: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/4.jpg)
What is Pyjamas?
• A Python framework for writing web front end
• You don't even need Javascript, write everything in Python
![Page 5: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/5.jpg)
What is Pyjamas?
• A Python framework for writing web front end
• You don't even need Javascript, write everything in Python
• It will automatically convert your code to Javascript (and even take care of cross-browser issues)
![Page 6: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/6.jpg)
Why Python?
![Page 7: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/7.jpg)
Why Python?
• Not that different from Javascript
![Page 8: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/8.jpg)
Why Python?
• Not that different from Javascript
• Very clean syntax
Javascript Python
&& and
|| or
! not
{ }
;
var temp=a;a=b;b=temp; a, b = b, a
if(1<a && a<5) { if 1<a<5:
![Page 9: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/9.jpg)
Why Python? (cont.)
• Only one way to do things (usually)
![Page 10: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/10.jpg)
Why Python? (cont.)
• Only one way to do things (usually)
• Already a very popular backend language
![Page 11: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/11.jpg)
Why Python? (cont.)
• Only one way to do things (usually)
• Already a very popular backend language
• Makes JS debugging feel like FORTRAN
![Page 12: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/12.jpg)
Why Python? (cont.)
• Only one way to do things (usually)
• Already a very popular backend language
• Makes JS debugging feel like FORTRAN
Customary Hello World example:
print ”Hello World”
![Page 13: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/13.jpg)
Why Python? (cont.)
Sorting a list:
![Page 14: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/14.jpg)
Why Python? (cont.)
function bubbleSort(items) { var x, y, holder; // The Bubble Sort method for(x = 0; x < items.length; x++) { for(y = 0; y < (items.length-1); y++) { if(items[y] > items[y+1]) { holder = items[y+1]; items[y+1] = items[y]; items[y] = holder; } }}
def bubbleSort(items):
# The Bubble Sort method for x in range(len(items)): for y in range(len(items)-1): if items[y] > items[y+1]: items[y], items[y+1] =\ items[y+1], items[y]
Javascript Python
![Page 15: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/15.jpg)
Why Python? (cont.)
Javascript Python
Better way of sorting it:
items.sort() items.sort()
![Page 16: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/16.jpg)
What can Pyjamas do?
![Page 17: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/17.jpg)
What can Pyjamas do?
• Anything JS or Python can (in theory)
![Page 18: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/18.jpg)
What can Pyjamas do?
• Anything JS or Python can (in theory)
• Manipulate the DOM
![Page 19: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/19.jpg)
What can Pyjamas do?
• Anything JS or Python can (in theory)
• Manipulate the DOM
• Coexist with other JS on same page
![Page 20: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/20.jpg)
What can Pyjamas do?
• Anything JS or Python can (in theory)
• Manipulate the DOM
• Coexist with other JS on same page
• It's a Python version of GWT
![Page 21: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/21.jpg)
Who uses it?
![Page 22: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/22.jpg)
Who uses it?
• pyjs.org pyjamas
![Page 23: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/23.jpg)
Who uses it?
• pyjs.org
• grafpad.com
pyjamas
![Page 24: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/24.jpg)
Who uses it?
• pyjs.org
• grafpad.commy web app
pyjamas
![Page 25: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/25.jpg)
Who uses it?
• pyjs.org
• grafpad.com
• gbsware.com
my web app
pyjamas
![Page 26: Front End Developers: Pyjamas](https://reader036.vdocuments.us/reader036/viewer/2022062312/5551db9eb4c905c2388b54e4/html5/thumbnails/26.jpg)
Questions?
Feel free to contact me(questions, support, web development):
[email protected]@ATsepkov
@Pyjeon
Pyjeon Software LLC