js lab`16. Александр Осин: "Задачи которые мы решаем и...
TRANSCRIPT
![Page 1: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/1.jpg)
Development Activitiesvs
Technologies
![Page 2: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/2.jpg)
Production software
!"#release v5.0.24
$income %
&
FIX-9801: Button does not work.
Click on button “Make a payment” takes no action.
'♂ )
new project
![Page 3: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/3.jpg)
Development cycle
Time
Fun
Discovery Pros Cons'♂
You don't wantto be here.
![Page 4: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/4.jpg)
Product stages
Release 1
Release 2 Release 3 Release N
Usual development %
*Stage where developers become sad
longest run
MVP
![Page 5: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/5.jpg)
Technologydoesn't make us happy.*
*for a long run
![Page 6: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/6.jpg)
What makes us happy?
Money$
+ Work done.
, Work done right.
- no ad-hoc’s- no stress- no unnecessary effort
-
.
So we need to solve task of non-
optimal work!
![Page 7: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/7.jpg)
What kind of work dowe do?
Software engineering
Implementation
Features Fixes
Whats is next?
![Page 8: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/8.jpg)
Field service background
%Workforce
pool
%Dispatcher
/Customer
01
Inventory
Request
Queue
Appointment
Activity
![Page 9: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/9.jpg)
%Technicianwith skill
01
Neededinventory
+ + 2Knownactivity
= ETA
, Work always done right,but there are no time for coffee.
![Page 10: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/10.jpg)
So what kind of activitiesdo we do?
![Page 11: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/11.jpg)
Data representation
News
Articles
Goods
Real world data
Photos "Markup
![Page 12: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/12.jpg)
01 Inventory
Plain JS
Template engine
Angular 1.x
React
Expressions Concepts ETA
3
3 3
3
4
4
4
4
3
3
3
3
![Page 13: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/13.jpg)
Data synchronisation
"Browser
5Server
Load
Save
![Page 14: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/14.jpg)
01 Inventory
Plain JS
Abstractionlayer Concepts ETA
Angular 1.x
Flux, reflux
Backbone
Ember
3
3
3
3
3
3
3
3
3
4
4
4
4
4
4
![Page 15: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/15.jpg)
Representation update
"Markup
Lorem ipsum sit dolor amet, lipsum sit and other useful information here
New markup
![Page 16: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/16.jpg)
01 Inventory
Plain JS
Angular 1.x
React
Databinding
Smartupdate ETAConcepts
3
3
3
4 4
4
4
33
333
![Page 17: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/17.jpg)
Representation behaviour
"Browser
/Userclick
touchchange
…
interface updatedata update
…
![Page 18: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/18.jpg)
01 Inventory
Plain JS
Angular 1.x
React
Callback Concepts ETA
3
3 3 3
3
33
Databinding
4
3
4
3
3
Hierarchysupport
4
4
3
![Page 19: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/19.jpg)
Component organisation
66 666 666 6Code
7API
![Page 20: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/20.jpg)
01 Inventory
Plain JS
Angular 1.x
React
Approach
4
3
3
Dependencyinjection
4
3
3
Styling
4
4
3
ETA
3
3
4
![Page 21: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/21.jpg)
Hierarchy organisation
…
7Application
7Screen 1
7Screen 2
7Screen N
777
Reusablecomponents
![Page 22: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/22.jpg)
01 Inventory
Plain JS
Angular 1.x
React
Approach
4
3
3
Unlimitedhierarchy
3
ETA
3
3
3 4
4
![Page 23: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/23.jpg)
Screens management
Switcher
login
******"Sign in
News feedUser profile Photo gallery
![Page 24: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/24.jpg)
01 Inventory
Backbone
Angular 1.x
Ember
Configuration
4
3
3
Callbackattachment ETA
3
4
3
3
34
![Page 25: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/25.jpg)
What else?
![Page 26: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/26.jpg)
Common elements
Text field
Text area
7
Button
Input OutputComplexcomponents
!"#Platforms support
![Page 27: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/27.jpg)
01 Inventory
Bootstrap(Foundation,Materialize,Material UI)
Predefinedcomponents
3
3
ETA
34
Developmentapproach
3
ExtJS(Kendo UI)
Complexcomponents
4
Highcharts
3
3
3 4 3 3
![Page 28: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/28.jpg)
Forms validation
required
******
Required field
Breaking news
Lorem ipsum sit dolor amet
Title
Content
AttachmentsDocument.pdf
Image 01.jpg
Unsupported type
Certain file type
Breaking news
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum sit dolor amet
Comment
23 symbols left.
Length limitation
![Page 29: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/29.jpg)
01 Inventory
Angular 1.x
ExtJS
Form validation
Predefinedtypes
3
3
Customvalidation ETA
3 3
3
3
3
3
3
![Page 30: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/30.jpg)
Grids
Table
Resize.
Actions.
Editable.
Resi
ze.
Scroll to load.
Complex grid
![Page 31: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/31.jpg)
01 Inventory
Angular 1.x(ui-grid,ag-grid)
ExtJS
Kendo UI
Advancedconfiguration
3
3
Advancedediting ETA
3
3
3
3
jQgrid
Buffering
3
3
3
4 4 3 3
4 4 4
![Page 32: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/32.jpg)
Charts
0
1.3
2.5
3.8
5
2012 2013 2014 2015
HTML CSS JavaScript
![Page 33: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/33.jpg)
amCharts
FusionCharts
Chart.js
Gantt
3
Timeline
3
33
3
01 Inventory
Network Writeyour own
4 4
4
ETA
3
3
4 44 4 3
d3 434 44
![Page 34: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/34.jpg)
Well, that’s enough!
![Page 35: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/35.jpg)
We’ve come to following
2 We are doing activitieslike others
%We have all needed
skills
01 And all neededinventory
![Page 36: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/36.jpg)
Predictable development
Release 1
Release 2
Release 3
Release N
constant time
, Work done right.+ Work done.
![Page 37: JS Lab`16. Александр Осин: "Задачи которые мы решаем и технологии которые нам для этого нужны"](https://reader033.vdocuments.net/reader033/viewer/2022042706/5881d6ba1a28ab331a8b6917/html5/thumbnails/37.jpg)
fin