Артем Маркушев - JavaScript
1 like683 views
The document discusses JavaScript frameworks for frontend and backend development. It compares the Node.js frameworks Express and Geddy, providing code examples of setting up basic apps with each. It also discusses popular frontend frameworks and their features in a tournament-style comparison, with Angular emerging as the winner. Socket.io is mentioned as a library for enabling real-time functionality.
Артем Маркушев - JavaScript
- 1. JavaScript is all you need Артем Маркушев, Senior Webmaster / Frontend Developer
- 2. JS for Backend Backend / NodeJS / Express vs Geddy NodeJS
- 3. JS for Backend Backend / NodeJS / Express vs Geddy NodeJSconsole.log(‘Hello world!') $ node helloworld.js Helloworld.js
- 4. JS for Backend Backend / NodeJS / Express vs Geddy NodeJSExpress vs Geddy
- 5. JS for Backend Backend / NodeJS / Express vs Geddy Express vs Geddy
- 6. Backend / NodeJS / Express vs Geddy Express vs Geddy $ npm install express $ npm install express-generator –g $ express myapp $ cd myapp && npm install $ node app.js $ npm install -g geddy $ geddy gen app to_do $ cd to_do && geddy
- 7. Backend / NodeJS / Express vs Geddy $ npm install express $ npm install express-generator –g $ express myapp $ cd myapp && npm install $ node app.js $ npm install -g geddy $ geddy gen app to_do $ cd to_do && geddy var express = require('express') var app = express() app.get('/', function (req, res) { res.send('Hello World!') }) var server = app.listen(3000, function () { var host = server.address().address var port = server.address().port console.log('Example app listening at http://%s:%s', host, port) }) var config = { detailedErrors: true , debug: true , hostname: null , port: 4000 , model: { defaultAdapter: 'filesystem' } , sessions: { store: 'memory' , key: 'sid' , expiry: 14 * 24 * 60 * 60 } }; var ToDo = function () { ... // Add this inside the constructor function this.validatesPresent('title'); this.validatesLength('title', {min: 5}); ...
- 8. And winner is… Backend / NodeJS / Express vs Geddy
- 9. Backend / NodeJS / Express vs Geddy
- 11. Четвертьфинал Frontend Popularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 12. Четвертьфинал Frontend Popularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation WINS
- 14. Четвертьфинал Frontend Popularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 15. Четвертьфинал Frontend WINSPopularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 17. Frontend Четвертьфинал Popularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 18. Четвертьфинал Frontend WINSPopularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 20. Frontend Четвертьфинал Popularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 21. Четвертьфинал Frontend WINSPopularity Entry threshold Code amount Documentation Popularity Entry threshold Code amount Documentation
- 23. Frontend Полуфинал MV* DOM power Abstraction Extensibility MV* DOM power Abstraction Extensibility
- 26. Frontend Полуфинал MV* DOM power Abstraction Extensibility MV* DOM power Abstraction Extensibility
- 30. Frontend WINSPopularity Entry treshhold Code amount Documentation Popularity Entry treshhold Code amount Documentation Финал
- 31. Frontend Финал
- 33. Socket.io var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); app.get('/', function(req, res){ res.sendfile('index.html'); }); io.on('connection', function(socket){ console.log('a user connected'); }); http.listen(3000, function(){ console.log('listening on *:3000'); }); <script src="/socket.io/socket.io.js"></script> <script> var socket = io(); </script> Backend Frontend