Chico JS - Q4 Challenges
-
Upload
hernan-mammana -
Category
Documents
-
view
302 -
download
0
description
Transcript of Chico JS - Q4 Challenges
![Page 1: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/1.jpg)
Chico JS@chicoui
![Page 2: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/2.jpg)
Chico JS@chicoui
@hmammana
![Page 3: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/3.jpg)
Chico JS@chicoui
@hmammana @lean8086
![Page 4: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/4.jpg)
Chico JS@chicoui
@hmammana @lean8086@pazguille
![Page 5: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/5.jpg)
Challenges
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile
![Page 6: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/6.jpg)
Reduce & Migratereduce inheritance levels & migrate to prototype
![Page 7: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/7.jpg)
![Page 8: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/8.jpg)
![Page 9: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/9.jpg)
![Page 10: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/10.jpg)
![Page 11: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/11.jpg)
![Page 12: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/12.jpg)
![Page 13: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/13.jpg)
![Page 14: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/14.jpg)
![Page 15: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/15.jpg)
![Page 16: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/16.jpg)
![Page 17: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/17.jpg)
Animal Kingdom
Aquatic Terrestrial Flyers
![Page 18: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/18.jpg)
Animal Kingdom
Mammals Fishes Birds
![Page 19: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/19.jpg)
Animal KingdomMammals ( female feed breedings )
![Page 20: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/20.jpg)
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
![Page 21: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/21.jpg)
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog
![Page 22: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/22.jpg)
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings
![Page 23: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/23.jpg)
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings4 legs 4 legs
![Page 24: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/24.jpg)
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings4 legs 4 legsmeows barks
![Page 25: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/25.jpg)
But, where is Chico here?
![Page 26: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/26.jpg)
Class inheritanceMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings4 legs 4 legsmeows barks
![Page 27: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/27.jpg)
Before the inheritances changes
![Page 28: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/28.jpg)
Aquatic - Fish
![Page 29: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/29.jpg)
Aquatic - Mammal
![Page 30: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/30.jpg)
Flyer - Mammal
![Page 31: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/31.jpg)
Flyer - Bird
![Page 32: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/32.jpg)
Aquatic Flyers
Animal Kingdom
![Page 33: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/33.jpg)
• open• close• is positioned
![Page 34: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/34.jpg)
After the inheritances changes
![Page 35: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/35.jpg)
After the inheritances changes
![Page 36: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/36.jpg)
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile
Challenges
![Page 37: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/37.jpg)
Migrate to prototypefast, less memory use and it is a standard
![Page 38: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/38.jpg)
On the execution
![Page 39: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/39.jpg)
On the execution
![Page 40: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/40.jpg)
On the execution
![Page 41: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/41.jpg)
On the execution
![Page 42: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/42.jpg)
On the execution
![Page 43: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/43.jpg)
On the execution
![Page 44: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/44.jpg)
On the execution
![Page 45: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/45.jpg)
On the execution
many executions by instance
![Page 46: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/46.jpg)
The prototype property
Property that is an empty object at the start
Stored once in memory
Properties and methods are inherited by each instance
![Page 47: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/47.jpg)
only once execution by instance
On the execution
![Page 48: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/48.jpg)
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile
Challenges
![Page 49: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/49.jpg)
Unify Chico UI & Chico Mobiletwo repositories same components
![Page 50: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/50.jpg)
two repositories same components
Unify Chico UI & Chico Mobile
![Page 51: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/51.jpg)
Code by repository
![Page 52: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/52.jpg)
Code by repository
![Page 53: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/53.jpg)
Code by repository
![Page 54: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/54.jpg)
Bonus Track
New FeaturesWizardContentLook & Feel ImplementationSpinner Datagrid ControlForm Big InputsVersioned AssetsIconsNew BoxesMessage BoxesChico via CDNTests
ImprovementsUnified RepositoryClosable, Expandable, Viewport, debug, helpers, util, Collapsible, Menu, Widget, events, preload, Content, Positioner, cache, factory, supportModal & Lite ModalValidation Default MessagesClose - WAI-ARIAPositionerViewportCarouselOnly one sprite for fallback!Deprecated Styles DeletedDocumentation & Template
( only in the last 6 months :P )We also did it:
![Page 55: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/55.jpg)
Bonus TrackWe also read it:
Pointer Events DraftNew CSS3 relative font size: remA Strategy for i18n and Node.jsRevisiting JavaScript ObjectsSHADOW DOM 101How we Learned to Stop Worrying and Love JavaScriptDesign, Viewport & ContentTesting @font-face Support on Mobile and TabletConditional loading of resources with mediaqueriesWhy you should say HTML classes, CSS class selectors, or CSS pseudo-classes, but not CSS classesLinks for Advanced JavaScript Reading
DOM Browser SupportMeasuring Performance On Mobile With Chrome DevTools + Remote DebuggingFirefox OS Simulator 1.0 is here!Decouple Your CSS From HTML With Reusable ModulesSub-Pixel Problems in CSSHow to Detect DOM Changes in CSSNative CSS feature detection via the @supports ruleConditional comments (Windows)JavaScript APIs you’ve never heard of (and some you have)CSS Grid Layout Draft
( only in the last 2 months, :O too nerdy )
![Page 56: Chico JS - Q4 Challenges](https://reader035.fdocuments.in/reader035/viewer/2022062702/554a2cc0b4c90520578b4e50/html5/thumbnails/56.jpg)
Bonus TrackWe also speak about it:
Chico UI at JSConfARFrontEnd good practices at BA & San LuisHTML for developers at BA & San LuisOutline the content at BA The prototype property at BACSS good practices at BAJavaScript module pattern at BA
( during the year )