From 7253042cf310ee4b5bc2d96c7762f7676cd65772 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Sat, 29 Dec 2018 17:17:46 +0400 Subject: [PATCH] Update frontend developer roadmap --- project/frontend-map.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/project/frontend-map.json b/project/frontend-map.json index 5de84904f..68db18926 100644 --- a/project/frontend-map.json +++ b/project/frontend-map.json @@ -1 +1 @@ -{"mockup":{"controls":{"control":[{"ID":"1","h":"147","measuredH":"146","measuredW":"14","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":14,"x":14,"y":0},"p1":{"length":0.5865162746954035,"x":0.5864611260053622,"y":0.008042895442359291},"p2":{"length":146,"x":0,"y":146},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"15","x":"871","y":"3443","zOrder":"0"},{"ID":"2","h":"105","measuredH":"104","measuredW":"33","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":2,"y":0},"p1":{"x":0.6327349725048985,"y":0.3148663169205486},"p2":{"x":0,"y":104},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"34","x":"783","y":"1949","zOrder":"1"},{"ID":"3","h":"147","measuredH":"146","measuredW":"14","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":14,"x":14,"y":0},"p1":{"length":0.5865162746954035,"x":0.5864611260053622,"y":0.008042895442359291},"p2":{"length":146,"x":0,"y":146},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"15","x":"865","y":"3635","zOrder":"2"},{"ID":"4","h":"4","measuredH":"3","measuredW":"75","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":75.05997601918082,"x":75,"y":3},"p1":{"length":0.3617013511163557,"x":0.36110618684630386,"y":-0.02074100336819713},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"76","x":"210","y":"3624","zOrder":"3"},{"ID":"5","h":"29","measuredH":"28","measuredW":"204","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":204,"x":204,"y":0},"p1":{"length":0.5395274381637952,"x":0.539516737981374,"y":0.003397936068462103},"p2":{"length":28,"x":0,"y":28},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"205","x":"375","y":"3596","zOrder":"4"},{"ID":"6","h":"5","measuredH":"4","measuredW":"75","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":75.1065909225016,"x":75,"y":4},"p1":{"length":0.3617013511163557,"x":0.36110618684630386,"y":-0.020741003368197126},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"76","x":"199","y":"3585","zOrder":"5"},{"ID":"7","h":"7","measuredH":"6","measuredW":"81","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":81.2219182240853,"x":81,"y":6},"p1":{"length":0.39570990272974865,"x":0.3956343792633015,"y":-0.007730786721236948},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"82","x":"193","y":"3544","zOrder":"6"},{"ID":"8","h":"36","measuredH":"35","measuredW":"89","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":95.63472172804184,"x":89,"y":35},"p1":{"length":0.4141690643745274,"x":0.3787677176742842,"y":-0.1675441133931154},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"90","x":"182","y":"3502","zOrder":"7"},{"ID":"9","h":"2","measuredH":"1","measuredW":"190","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":190,"x":190,"y":0},"p1":{"length":0.5395274381637957,"x":0.5395167379813743,"y":0.003397936068462092},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"191","x":"379","y":"3586","zOrder":"8"},{"ID":"10","h":"30","measuredH":"29","measuredW":"176","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":178.3732042656632,"x":176,"y":29},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.0033979360684620896},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"177","x":"383","y":"3547","zOrder":"9"},{"ID":"11","h":"15","measuredH":"14","measuredW":"207","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":207,"x":207,"y":0},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.0033979360684621147},"p2":{"length":14,"x":0,"y":14},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"208","x":"370","y":"3421","zOrder":"10"},{"ID":"12","h":"15","measuredH":"14","measuredW":"191","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":191.51240168720145,"x":191,"y":14},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.003397936068461866},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"192","x":"376","y":"3397","zOrder":"11"},{"ID":"13","h":"1","measuredH":"0","measuredW":"175","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":175,"x":175,"y":0},"p1":{"length":0.5395274381637954,"x":0.5395167379813742,"y":0.0033979360684621178},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"176","x":"384","y":"3101","zOrder":"12"},{"ID":"14","h":"3","measuredH":"2","measuredW":"131","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":131,"x":131,"y":0},"p1":{"length":0.4605263157894736,"x":0.4605263157894736,"y":-1.821373747360583e-17},"p2":{"length":2,"x":0,"y":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"132","x":"374","y":"2763","zOrder":"13"},{"ID":"15","h":"11","measuredH":"10","measuredW":"93","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":93.02150289046077,"x":93,"y":2},"p1":{"length":0.4073634704711659,"x":0.40573434757167937,"y":-0.03639555295494441},"p2":{"length":10,"x":0,"y":10},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"94","x":"235","y":"2617","zOrder":"14"},{"ID":"16","h":"315","measuredH":"314","measuredW":"76","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":7,"x":7,"y":0},"p1":{"length":0.5133171436564842,"x":0.5032750563580599,"y":-0.1010381493270896},"p2":{"length":323.066556610244,"x":76,"y":314},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"77","x":"750","y":"2613","zOrder":"15"},{"ID":"17","h":"3","measuredH":"2","measuredW":"216","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":2,"x":0,"y":2},"p1":{"length":0.4738906925817149,"x":0.47388515577275514,"y":0.00229077580940742},"p2":{"length":216.00231480241132,"x":216,"y":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"217","x":"846","y":"2591","zOrder":"16"},{"ID":"18","h":"158","measuredH":"157","measuredW":"1","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4613486124774123,"x":0.46125955702687793,"y":0.009064396626468038},"p2":{"length":157,"x":0,"y":157},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"166","y":"2703","zOrder":"17"},{"ID":"19","h":"92","measuredH":"91","measuredW":"8","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":8,"x":8,"y":0},"p1":{"length":0.4472135954999579,"x":0.4461538461538461,"y":-0.03076923076923077},"p2":{"length":91.00549433962765,"x":1,"y":91},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"9","x":"377","y":"2679","zOrder":"18"},{"ID":"20","h":"50","measuredH":"49","measuredW":"110","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":110,"x":110,"y":0},"p1":{"length":0.4738906925817146,"x":0.4738851557727549,"y":0.002290775809407395},"p2":{"length":49,"x":0,"y":49},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"111","x":"466","y":"2607","zOrder":"19"},{"ID":"21","h":"41","measuredH":"40","measuredW":"125","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":125,"x":125,"y":0},"p1":{"length":0.4738906925817148,"x":0.4738851557727551,"y":0.0022907758094072093},"p2":{"length":40,"x":0,"y":40},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"126","x":"459","y":"2578","zOrder":"20"},{"ID":"22","h":"96","measuredH":"95","measuredW":"88","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":129.49517365523704,"x":88,"y":95},"p1":{"length":0.5172220165005103,"x":0.45524634313777257,"y":0.2454982309763954},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"89","x":"238","y":"2482","zOrder":"21"},{"ID":"23","h":"208","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"205","x":"153","y":"2287","zOrder":"22"},{"ID":"24","h":"11","measuredH":"10","measuredW":"114","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":114,"x":114,"y":0},"p1":{"length":0.47389069258171473,"x":0.47388515577275503,"y":0.002290775809407418},"p2":{"length":10,"x":0,"y":10},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"115","x":"460","y":"2568","zOrder":"23"},{"ID":"25","h":"116","measuredH":"115","measuredW":"15","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":1,"x":1,"y":0},"p1":{"length":0.5526834034990115,"x":0.5380311507636474,"y":0.12641766218055345},"p2":{"length":115,"x":0,"y":115},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"16","x":"763","y":"2448","zOrder":"24"},{"ID":"26","h":"244","measuredH":"243","measuredW":"52","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":52,"x":52,"y":0},"p1":{"length":0.5130043099795483,"x":0.471276613180796,"y":-0.2026617278284945},"p2":{"length":247.50353532828575,"x":47,"y":243},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"53","x":"657","y":"2103","zOrder":"25"},{"ID":"27","h":"23","measuredH":"22","measuredW":"146","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":147.648230602334,"x":146,"y":22},"p1":{"length":0.4526052199748856,"x":0.4467326732673264,"y":-0.07267326732673271},"p2":{"length":3,"x":0,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"147","x":"800","y":"2172","zOrder":"26"},{"ID":"28","h":"68","measuredH":"67","measuredW":"2","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":1,"x":1,"y":0},"p1":{"length":0.5184985808036734,"x":0.517950123321458,"y":0.023842148533844896},"p2":{"length":67,"x":0,"y":67},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"3","x":"781","y":"2095","zOrder":"27"},{"ID":"29","h":"12","measuredH":"11","measuredW":"142","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":142.35167719419397,"x":142,"y":10},"p1":{"length":0.5208523098853179,"x":0.5196039603960396,"y":0.03603960396039605},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"143","x":"340","y":"2051","zOrder":"28"},{"ID":"30","h":"12","measuredH":"11","measuredW":"112","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":112.53888216967503,"x":112,"y":11},"p1":{"length":0.6104697104089052,"x":0.6096633663366336,"y":-0.031366336633663366},"p2":{"length":2,"x":0,"y":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"113","x":"603","y":"2058","zOrder":"29"},{"ID":"31","h":"140","measuredH":"139","measuredW":"111","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5522448742292186,"x":0.5380822956829531,"y":0.12426521711649068},"p2":{"length":177.88198334851114,"x":111,"y":139},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"112","x":"607","y":"1670","zOrder":"30"},{"ID":"32","h":"116","measuredH":"115","measuredW":"22","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":117.08543888972702,"x":22,"y":115},"p1":{"length":0.5349115625926845,"x":0.5263097382439734,"y":0.09554286590273256},"p2":{"length":5,"x":5,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"23","x":"332","y":"1499","zOrder":"31"},{"ID":"33","h":"80","measuredH":"79","measuredW":"67","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":67,"x":67,"y":0},"p1":{"length":0.5230534443633628,"x":0.5075471698113209,"y":-0.1264150943396224},"p2":{"length":79,"x":0,"y":79},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"68","x":"805","y":"1202","zOrder":"32"},{"ID":"34","h":"97","measuredH":"96","measuredW":"21","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":11,"x":11,"y":0},"p1":{"length":0.5588009305954578,"x":0.5354229282954058,"y":-0.15993988836410478},"p2":{"length":98.2700361249552,"x":21,"y":96},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"22","x":"559","y":"1515","zOrder":"33"},{"ID":"35","h":"8","measuredH":"7","measuredW":"204","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":204.00980368599937,"x":204,"y":2},"p1":{"length":0.4189940316033579,"x":0.4186861064441723,"y":-0.01606059743144346},"p2":{"length":7,"x":0,"y":7},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"205","x":"815","y":"1655","zOrder":"34"},{"ID":"36","h":"381","measuredH":"380","measuredW":"68","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":5,"y":0},"p1":{"x":0.51012414933679,"y":0.17392640436254733},"p2":{"x":0,"y":380},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"69","x":"727","y":"917","zOrder":"35"},{"ID":"37","h":"265","measuredH":"264","measuredW":"76","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":76,"x":76,"y":0},"p1":{"length":0.5074530613720352,"x":0.4565573307740078,"y":-0.2215039801275899},"p2":{"length":267.3200329193456,"x":42,"y":264},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"77","x":"237","y":"743","zOrder":"36"},{"ID":"38","h":"245","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"427","x":"278","y":"1001","zOrder":"37"},{"ID":"39","h":"55","measuredH":"54","measuredW":"9","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":3,"x":3,"y":0},"p1":{"length":0.529252928988914,"x":0.510715363718684,"y":0.13884696649562314},"p2":{"length":54,"x":0,"y":54},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"10","x":"655","y":"277","zOrder":"38"},{"ID":"40","h":"202","measuredH":"200","measuredW":"48","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":15,"x":15,"y":0},"p1":{"length":0.4723872861411133,"x":0.452773248314634,"y":-0.13470758597191462},"p2":{"length":205.67936211491903,"x":48,"y":200},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"50","x":"622","y":"454","zOrder":"39"},{"ID":"41","h":"94","measuredH":"93","measuredW":"74","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5490011385437095,"x":0.5330996249796185,"y":-0.13117560736996578},"p2":{"length":118.84864324004712,"x":74,"y":93},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"75","x":"778","y":"448","zOrder":"40"},{"ID":"42","h":"62","measuredH":"61","measuredW":"67","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5281388123911577,"x":0.5199305086381621,"y":-0.09275166489721068},"p2":{"length":90.60905032059436,"x":67,"y":61},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"68","x":"786","y":"449","zOrder":"41"},{"ID":"43","h":"38","measuredH":"37","measuredW":"56","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5310495030226782,"x":0.5300904977375566,"y":-0.03190045248868781},"p2":{"length":67.11929677819934,"x":56,"y":37},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"57","x":"789","y":"441","zOrder":"42"},{"ID":"44","h":"4","measuredH":"3","measuredW":"53","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":3,"x":0,"y":3},"p1":{"length":0.4600856791042167,"x":0.4583941605839416,"y":0.03941605839416058},"p2":{"length":53.08483775994799,"x":53,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"54","x":"797","y":"422","zOrder":"43"},{"ID":"45","h":"16","measuredH":"15","measuredW":"55","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.45653907041455166,"x":0.45488081725312146,"y":0.03887627695800227},"p2":{"length":57.0087712549569,"x":55,"y":15},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"56","x":"794","y":"437","zOrder":"44"},{"ID":"46","h":"20","measuredH":"19","measuredW":"71","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":19,"x":0,"y":19},"p1":{"length":0.4406669241308615,"x":0.43817104776008886,"y":-0.04683450573861533},"p2":{"length":71,"x":71,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"72","x":"478","y":"397","zOrder":"45"},{"ID":"47","h":"13","measuredH":"12","measuredW":"119","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":1,"x":0,"y":1},"p1":{"length":0.42921590082087,"x":0.42861896838602337,"y":0.022628951747088195},"p2":{"length":119.60351165413162,"x":119,"y":12},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"120","x":"440","y":"385","zOrder":"46"},{"ID":"48","h":"43","measuredH":"42","measuredW":"124","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4354479714301555,"x":0.4346557759626609,"y":0.026254375729288137},"p2":{"length":130.91982279242512,"x":124,"y":42},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"125","x":"436","y":"352","zOrder":"47"},{"ID":"49","h":"66","measuredH":"65","measuredW":"112","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.47314423386375903,"x":0.47200190828314154,"y":0.03285825034289463},"p2":{"length":129.49517365523704,"x":112,"y":65},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"113","x":"438","y":"320","zOrder":"48"},{"ID":"50","h":"49","measuredH":"48","measuredW":"61","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":61,"x":61,"y":0},"p1":{"length":0.4585249091872984,"x":0.45522128005575574,"y":-0.054942502032756454},"p2":{"length":48,"x":0,"y":48},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"62","x":"787","y":"285","zOrder":"49"},{"ID":"51","h":"19","measuredH":"18","measuredW":"68","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":70.3420215802759,"x":68,"y":18},"p1":{"length":0.4579653787384571,"x":0.45747670462949247,"y":0.021150717349504505},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"69","x":"787","y":"356","zOrder":"50"},{"ID":"52","h":"4","measuredH":"3","measuredW":"59","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":59,"x":59,"y":0},"p1":{"length":0.4929592777882592,"x":0.4929203539823009,"y":-0.006194690265486749},"p2":{"length":3,"x":0,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"60","x":"794","y":"347","zOrder":"51"},{"ID":"53","h":"23","measuredH":"22","measuredW":"48","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":48,"x":48,"y":0},"p1":{"length":0.4652808414804901,"x":0.4652789342214823,"y":-0.001332223147377283},"p2":{"length":22,"x":0,"y":22},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"49","x":"792","y":"320","zOrder":"52"},{"ID":"54","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"322","zOrder":"53"},{"ID":"55","measuredH":"40","measuredW":"149","properties":{"bold":"true","size":"32","text":"Front-end"},"typeID":"Label","x":"563","y":"121","zOrder":"54"},{"ID":"56","h":"74","measuredH":"73","measuredW":"18","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":8,"x":8,"y":0},"p1":{"length":0.4979530082684307,"x":0.45894941634241254,"y":0.19319066147859923},"p2":{"length":73,"x":0,"y":73},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"19","x":"637","y":"47","zOrder":"55"},{"ID":"57","h":"61","measuredH":"60","measuredW":"15","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":2,"x":2,"y":0},"p1":{"length":0.4752342503759216,"x":0.46391752577319545,"y":-0.1030927835051546},"p2":{"length":61.84658438426491,"x":15,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"16","x":"626","y":"177","zOrder":"56"},{"ID":"58","measuredH":"26","measuredW":"147","properties":{"bold":"true","size":"18","text":"Learn the Basics"},"typeID":"Label","x":"589","y":"244","zOrder":"57"},{"ID":"59","measuredH":"25","measuredW":"100","properties":{"bold":"true","size":"17","text":"Learn HTML"},"typeID":"Label","x":"589","y":"330","zOrder":"58"},{"ID":"60","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"555","y":"330","zOrder":"59"},{"ID":"61","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"1"},"typeID":"Label","x":"563","y":"332","zOrder":"60"},{"ID":"62","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"370","zOrder":"61"},{"ID":"63","measuredH":"25","measuredW":"118","properties":{"bold":"true","size":"17","text":"Basics of CSS"},"typeID":"Label","x":"589","y":"378","zOrder":"62"},{"ID":"64","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"555","y":"378","zOrder":"63"},{"ID":"65","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"2"},"typeID":"Label","w":"10","x":"563","y":"380","zOrder":"64"},{"ID":"66","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"544","y":"417","zOrder":"65"},{"ID":"67","measuredH":"25","measuredW":"168","properties":{"bold":"true","size":"17","text":"Basics of JavaScript"},"typeID":"Label","x":"589","y":"424","zOrder":"66"},{"ID":"68","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"556","y":"424","zOrder":"67"},{"ID":"69","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"3"},"typeID":"Label","w":"10","x":"564","y":"426","zOrder":"68"},{"ID":"70","measuredH":"25","measuredW":"191","properties":{"size":"17","text":"Learn the basics of CSS"},"typeID":"Label","x":"238","y":"303","zOrder":"69"},{"ID":"71","measuredH":"25","measuredW":"268","properties":{"size":"17","text":"Learn how to use Grid and Flexbox"},"typeID":"Label","x":"162","y":"338","zOrder":"70"},{"ID":"72","measuredH":"25","measuredW":"318","properties":{"size":"17","text":"Media Queries and Responsive Websites"},"typeID":"Label","x":"113","y":"371","zOrder":"71"},{"ID":"73","measuredH":"25","measuredW":"378","properties":{"size":"17","text":"Style the HTML Pages that you made in last step"},"typeID":"Label","x":"93","y":"404","zOrder":"72"},{"ID":"74","h":"41","measuredH":"140","measuredW":"200","properties":{"borderColor":"13576743","color":"16777215"},"typeID":"TextArea","w":"325","x":"153","y":"512","zOrder":"73"},{"ID":"75","measuredH":"25","measuredW":"146","properties":{"bold":"true","color":"0","size":"17","text":"jQuery – Optional"},"typeID":"Label","x":"167","y":"520","zOrder":"74"},{"ID":"76","h":"2","measuredH":"1","measuredW":"136","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.5074062205613563,"x":0.5073529411764706,"y":-0.007352941176470588},"p2":{"length":136,"x":136,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"137","x":"489","y":"531","zOrder":"75"},{"ID":"77","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"613","y":"519","zOrder":"76"},{"ID":"78","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960","text":""},"typeID":"TextArea","w":"767","x":"314","y":"593","zOrder":"77"},{"ID":"79","measuredH":"25","measuredW":"574","properties":{"size":"17","text":"Make some responsive website and add some interactivity with JavaScript"},"typeID":"Label","x":"356","y":"601","zOrder":"78"},{"ID":"80","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"324","y":"601","zOrder":"79"},{"ID":"81","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"4"},"typeID":"Label","w":"10","x":"332","y":"603","zOrder":"80"},{"ID":"82","h":"36","measuredH":"107","measuredW":"205","properties":{"color":"13576743"},"typeID":"ScratchOut","w":"66","x":"409","y":"514","zOrder":"81"},{"ID":"83","h":"178","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"767","x":"314","y":"641","zOrder":"82"},{"ID":"84","measuredH":"25","measuredW":"678","properties":{"bold":"true","size":"17","text":"Search projects on Github and open a few PRs. Some of the ideas are listed below :"},"typeID":"Label","x":"356","y":"655","zOrder":"83"},{"ID":"85","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"325","y":"656","zOrder":"84"},{"ID":"86","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"5"},"typeID":"Label","w":"10","x":"333","y":"658","zOrder":"85"},{"ID":"87","measuredH":"25","measuredW":"564","properties":{"size":"17","text":"Enhance the UI, make any demo pages responsive or improve the design"},"typeID":"Label","x":"356","y":"684","zOrder":"86"},{"ID":"88","measuredH":"25","measuredW":"339","properties":{"size":"17","text":"Look for any open issues that you can solve"},"typeID":"Label","x":"356","y":"711","zOrder":"87"},{"ID":"89","measuredH":"25","measuredW":"672","properties":{"size":"17","text":"Refactor any of the code or implement the best practices that you learnt along the way"},"typeID":"Label","x":"356","y":"738","zOrder":"88"},{"ID":"90","measuredH":"23","measuredW":"703","properties":{"bold":"true","color":"10027263","size":"15","text":"Link this repo, tell them you are learning and ask for feedback on your PR and how you can improve"},"typeID":"Label","x":"356","y":"777","zOrder":"89"},{"ID":"91","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"325","y":"776","zOrder":"90"},{"ID":"92","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"github","size":"medium"}},"typeID":"Icon","x":"920","y":"81","zOrder":"91"},{"ID":"93","measuredH":"25","measuredW":"295","properties":{"bold":"true","color":"10027263","size":"17","text":"kamranahmedse/developer-roadmap"},"typeID":"Label","x":"959","y":"85","zOrder":"92"},{"ID":"94","h":"135","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"767","x":"314","y":"827","zOrder":"93"},{"ID":"95","measuredH":"25","measuredW":"443","properties":{"bold":"true","size":"17","text":"Give yourself a pat on the back. You are getting there :"},"typeID":"Label","x":"355","y":"842","zOrder":"94"},{"ID":"96","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"325","y":"842","zOrder":"95"},{"ID":"97","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"6"},"typeID":"Label","w":"10","x":"333","y":"844","zOrder":"96"},{"ID":"98","measuredH":"25","measuredW":"629","properties":{"size":"17","text":"There are many jobs out there requiring the skillset that you have got till this point"},"typeID":"Label","x":"356","y":"868","zOrder":"97"},{"ID":"99","measuredH":"25","measuredW":"629","properties":{"size":"17","text":"You can easily start getting some freelance work or find yourself a job if you may."},"typeID":"Label","x":"356","y":"893","zOrder":"98"},{"ID":"100","measuredH":"25","measuredW":"690","properties":{"size":"17","text":"However, don't stop here, there is still a long way to go if you want to have a better career"},"typeID":"Label","x":"357","y":"919","zOrder":"99"},{"ID":"101","measuredH":"25","measuredW":"339","properties":{"bold":"true","size":"17","text":"Optional – Needs some knowledge of `git`"},"typeID":"Label","x":"294","y":"1015","zOrder":"100"},{"ID":"102","measuredH":"25","measuredW":"346","properties":{"size":"17","text":"This part is optional, I added it here because"},"typeID":"Label","x":"295","y":"1043","zOrder":"101"},{"ID":"103","measuredH":"25","measuredW":"384","properties":{"size":"17","text":"it is a great way to learn and find out if you are on"},"typeID":"Label","x":"295","y":"1067","zOrder":"102"},{"ID":"104","measuredH":"25","measuredW":"399","properties":{"size":"17","text":"the right track or not. You will be amazed to find out"},"typeID":"Label","x":"294","y":"1092","zOrder":"103"},{"ID":"105","measuredH":"25","measuredW":"335","properties":{"size":"17","text":"how much people are willing to help you out."},"typeID":"Label","x":"295","y":"1117","zOrder":"104"},{"ID":"106","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"290","y":"1156","zOrder":"105"},{"ID":"107","measuredH":"23","measuredW":"366","properties":{"bold":"true","color":"10027263","size":"15","text":"Don't be scared of git, it is easiest of all the things"},"typeID":"Label","x":"322","y":"1153","zOrder":"106"},{"ID":"108","measuredH":"23","measuredW":"359","properties":{"bold":"true","color":"10027263","size":"15","text":"that you have learnt above. You can get the basics"},"typeID":"Label","x":"322","y":"1174","zOrder":"107"},{"ID":"109","measuredH":"23","measuredW":"292","properties":{"bold":"true","color":"10027263","size":"15","text":"in the few hours and do the rest later on"},"typeID":"Label","x":"322","y":"1195","zOrder":"108"},{"ID":"110","measuredH":"25","measuredW":"322","properties":{"size":"17","text":"Don't worry about making them pretty yet"},"typeID":"Label","x":"859","y":"363","zOrder":"109"},{"ID":"111","measuredH":"25","measuredW":"514","properties":{"size":"17","text":"Dividing page into sections and how to structure the DOM properly"},"typeID":"Label","x":"854","y":"302","zOrder":"110"},{"ID":"112","measuredH":"25","measuredW":"390","properties":{"size":"17","text":"Learn the basics and how to write semantic HTML"},"typeID":"Label","x":"858","y":"268","zOrder":"111"},{"ID":"113","measuredH":"25","measuredW":"386","properties":{"size":"17","text":"Make at least 5 HTML pages – focus on structure"},"typeID":"Label","x":"859","y":"335","zOrder":"112"},{"ID":"114","measuredH":"25","measuredW":"301","properties":{"size":"17","text":"Learn the syntax and basic constructs"},"typeID":"Label","x":"855","y":"414","zOrder":"113"},{"ID":"115","measuredH":"25","measuredW":"233","properties":{"size":"17","text":"Learn how to manipulate DOM"},"typeID":"Label","x":"855","y":"442","zOrder":"114"},{"ID":"116","measuredH":"25","measuredW":"558","properties":{"size":"17","text":"Understand the concepts such as hoisting, event bubbling, prototype etc"},"typeID":"Label","x":"850","y":"471","zOrder":"115"},{"ID":"117","measuredH":"25","measuredW":"445","properties":{"size":"17","text":"Learn ES6+ new features and writing modular JavaScript"},"typeID":"Label","x":"858","y":"535","zOrder":"116"},{"ID":"118","measuredH":"25","measuredW":"230","properties":{"size":"17","text":"Learn Fetch API / Ajax (XHR)"},"typeID":"Label","x":"859","y":"504","zOrder":"117"},{"ID":"119","h":"136","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"543","x":"310","y":"1594","zOrder":"118"},{"ID":"120","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"323","y":"1610","zOrder":"119"},{"ID":"121","measuredH":"22","measuredW":"10","properties":{"bold":"true","color":"16777215","size":"14","text":"9"},"typeID":"Label","w":"19","x":"330","y":"1612","zOrder":"120"},{"ID":"122","measuredH":"26","measuredW":"167","properties":{"bold":"true","size":"18","text":"CSS Preprocessors"},"typeID":"Label","w":"199","x":"356","y":"1610","zOrder":"121"},{"ID":"123","measuredH":"32","measuredW":"56","properties":{"align":"center","color":"16776960","size":"18","text":"Sass"},"typeID":"TextInput","w":"136","x":"284","y":"1369","zOrder":"122"},{"ID":"124","measuredH":"32","measuredW":"55","properties":{"align":"center","color":"16777215","size":"18","text":"Less"},"typeID":"TextInput","w":"136","x":"284","y":"1445","zOrder":"123"},{"ID":"125","measuredH":"32","measuredW":"66","properties":{"align":"center","color":"16777215","size":"18","text":"Stylus"},"typeID":"TextInput","w":"136","x":"284","y":"1483","zOrder":"124"},{"ID":"126","measuredH":"32","measuredW":"88","properties":{"align":"center","color":"16776960","size":"18","text":"PostCSS"},"typeID":"TextInput","w":"136","x":"284","y":"1406","zOrder":"125"},{"ID":"127","measuredH":"25","measuredW":"450","properties":{"size":"17","text":"Preprocessors let you add functionality on top of CSS and"},"typeID":"Label","x":"356","y":"1638","zOrder":"126"},{"ID":"128","measuredH":"25","measuredW":"459","properties":{"size":"17","text":"let you do things that CSS can't. Have a look at any of them"},"typeID":"Label","x":"356","y":"1663","zOrder":"127"},{"ID":"129","measuredH":"25","measuredW":"441","properties":{"size":"17","text":"and see what they have to offer and pick the suitable one"},"typeID":"Label","x":"356","y":"1689","zOrder":"128"},{"ID":"130","h":"187","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"408","x":"915","y":"1564","zOrder":"129"},{"ID":"131","measuredH":"25","measuredW":"157","properties":{"bold":"true","size":"17","text":"Learn Sass for now"},"typeID":"Label","x":"928","y":"1576","zOrder":"130"},{"ID":"132","measuredH":"25","measuredW":"370","properties":{"size":"17","text":"PostCSS is a nice-to-have and is sort of \"Babel\""},"typeID":"Label","x":"930","y":"1633","zOrder":"131"},{"ID":"133","measuredH":"25","measuredW":"335","properties":{"size":"17","text":"for CSS. You can use it on top of Sass also."},"typeID":"Label","x":"930","y":"1658","zOrder":"132"},{"ID":"134","measuredH":"25","measuredW":"240","properties":{"size":"17","text":"Sass and revisit PostCSS later"},"typeID":"Label","x":"930","y":"1712","zOrder":"133"},{"ID":"135","measuredH":"25","measuredW":"323","properties":{"size":"17","text":"However, I would recommend you to learn "},"typeID":"Label","x":"930","y":"1684","zOrder":"134"},{"ID":"136","h":"52","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"344","x":"527","y":"1273","zOrder":"135"},{"ID":"137","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"538","y":"1285","zOrder":"136"},{"ID":"138","measuredH":"22","measuredW":"10","properties":{"bold":"true","color":"16777215","size":"14","text":"7"},"typeID":"Label","w":"12","x":"546","y":"1286","zOrder":"137"},{"ID":"139","h":"52","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"89","x":"876","y":"1273","zOrder":"138"},{"ID":"140","measuredH":"26","measuredW":"159","properties":{"bold":"true","size":"18","text":"Package Managers"},"typeID":"Label","w":"199","x":"572","y":"1285","zOrder":"139"},{"ID":"141","measuredH":"26","measuredW":"36","properties":{"bold":"true","size":"18","text":"npm"},"typeID":"Label","w":"47","x":"901","y":"1286","zOrder":"140"},{"ID":"142","h":"52","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"89","x":"969","y":"1273","zOrder":"141"},{"ID":"143","measuredH":"26","measuredW":"38","properties":{"bold":"true","size":"18","text":"Yarn"},"typeID":"Label","w":"47","x":"991","y":"1286","zOrder":"142"},{"ID":"144","h":"225","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"417","x":"845","y":"1001","zOrder":"143"},{"ID":"145","measuredH":"25","measuredW":"334","properties":{"size":"17","text":"Package managers help you bring external "},"typeID":"Label","x":"861","y":"1051","zOrder":"144"},{"ID":"146","measuredH":"25","measuredW":"354","properties":{"size":"17","text":"libraries and plugins into your projects, so that"},"typeID":"Label","x":"861","y":"1077","zOrder":"145"},{"ID":"147","measuredH":"25","measuredW":"386","properties":{"size":"17","text":"you don't have to worry about copying the libraries"},"typeID":"Label","x":"861","y":"1103","zOrder":"146"},{"ID":"148","measuredH":"25","measuredW":"384","properties":{"size":"17","text":"manually or go through the hassle of updating etc"},"typeID":"Label","x":"861","y":"1129","zOrder":"147"},{"ID":"149","measuredH":"25","measuredW":"286","properties":{"size":"17","text":"Both are almost same, there are just "},"typeID":"Label","x":"861","y":"1156","zOrder":"148"},{"ID":"150","measuredH":"25","measuredW":"316","properties":{"size":"17","text":"implementation differences; just pick any."},"typeID":"Label","x":"861","y":"1181","zOrder":"149"},{"ID":"151","h":"202","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"759","x":"527","y":"1331","zOrder":"150"},{"ID":"152","measuredH":"25","measuredW":"425","properties":{"bold":"true","size":"17","text":"Install some external dependency in your application"},"typeID":"Label","x":"572","y":"1349","zOrder":"151"},{"ID":"153","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"541","y":"1350","zOrder":"152"},{"ID":"154","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"8"},"typeID":"Label","w":"10","x":"549","y":"1352","zOrder":"153"},{"ID":"155","measuredH":"25","measuredW":"622","properties":{"size":"17","text":"Go ahead and install some external library in the webpages that you made above"},"typeID":"Label","x":"572","y":"1376","zOrder":"154"},{"ID":"156","measuredH":"25","measuredW":"683","properties":{"size":"17","text":"e.g. install some toast plugin and when user clicks a button, show him the toast message"},"typeID":"Label","x":"572","y":"1402","zOrder":"155"},{"ID":"157","measuredH":"25","measuredW":"665","properties":{"size":"17","text":"or create a login form and do the form validation using some form validation library and"},"typeID":"Label","x":"572","y":"1429","zOrder":"156"},{"ID":"158","measuredH":"25","measuredW":"510","properties":{"size":"17","text":"play with different options and see how to install different versions"},"typeID":"Label","x":"573","y":"1454","zOrder":"157"},{"ID":"159","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"545","y":"1489","zOrder":"158"},{"ID":"160","measuredH":"23","measuredW":"230","properties":{"bold":"true","color":"10027263","size":"15","text":"Read about semantic versioning"},"typeID":"Label","x":"573","y":"1490","zOrder":"159"},{"ID":"161","measuredH":"25","measuredW":"357","properties":{"bold":"true","size":"17","text":"Learn one, you automatically learn the other"},"typeID":"Label","x":"861","y":"1018","zOrder":"160"},{"ID":"162","h":"84","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"543","x":"696","y":"2036","zOrder":"161"},{"ID":"163","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"709","y":"2052","zOrder":"162"},{"ID":"164","measuredH":"22","measuredW":"15","properties":{"bold":"true","color":"16777215","size":"14","text":"12"},"typeID":"Label","w":"19","x":"713","y":"2054","zOrder":"163"},{"ID":"165","measuredH":"26","measuredW":"90","properties":{"bold":"true","size":"18","text":"Build tools"},"typeID":"Label","w":"101","x":"742","y":"2051","zOrder":"164"},{"ID":"166","measuredH":"25","measuredW":"450","properties":{"size":"17","text":"Tools to help you in the building/bundling and development"},"typeID":"Label","x":"742","y":"2077","zOrder":"165"},{"ID":"167","measuredH":"32","measuredW":"116","properties":{"align":"center","color":"16776960","size":"18","text":"NPM Scripts"},"typeID":"TextInput","w":"147","x":"471","y":"2045","zOrder":"166"},{"ID":"168","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16770457","size":"18","text":"Gulp"},"typeID":"TextInput","w":"147","x":"471","y":"2082","zOrder":"167"},{"ID":"169","h":"188","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"261","x":"153","y":"2036","zOrder":"168"},{"ID":"170","measuredH":"25","measuredW":"109","properties":{"bold":"true","size":"17","text":"Task Runners"},"typeID":"Label","x":"167","y":"2051","zOrder":"169"},{"ID":"171","measuredH":"25","measuredW":"352","properties":{"size":"17","text":"I would recommend you to learn Sass for now"},"typeID":"Label","x":"930","y":"1608","zOrder":"170"},{"ID":"172","measuredH":"25","measuredW":"178","properties":{"size":"17","text":"in 2018. However, if you"},"typeID":"Label","x":"167","y":"2105","zOrder":"171"},{"ID":"173","measuredH":"25","measuredW":"216","properties":{"size":"17","text":"want to pick something else"},"typeID":"Label","x":"167","y":"2130","zOrder":"172"},{"ID":"174","measuredH":"25","measuredW":"225","properties":{"size":"17","text":"look at Gulp and see how you"},"typeID":"Label","x":"167","y":"2158","zOrder":"173"},{"ID":"175","measuredH":"25","measuredW":"143","properties":{"size":"17","text":"can benefit from it"},"typeID":"Label","x":"167","y":"2185","zOrder":"174"},{"ID":"176","measuredH":"32","measuredW":"87","properties":{"align":"center","color":"16776960","size":"18","text":"webpack"},"typeID":"TextInput","w":"147","x":"726","y":"2158","zOrder":"175"},{"ID":"177","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16770457","size":"18","text":"Rollup"},"typeID":"TextInput","w":"147","x":"726","y":"2195","zOrder":"176"},{"ID":"178","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16777215","size":"18","text":"Parcel"},"typeID":"TextInput","w":"147","x":"726","y":"2233","zOrder":"177"},{"ID":"179","h":"113","measuredH":"140","measuredW":"200","properties":{"color":"16770457","text":""},"typeID":"TextArea","w":"453","x":"905","y":"2155","zOrder":"178"},{"ID":"180","measuredH":"25","measuredW":"343","properties":{"bold":"true","size":"17","text":"Use Webpack for apps, Rollup for libraries!"},"typeID":"Label","x":"919","y":"2169","zOrder":"179"},{"ID":"181","measuredH":"25","measuredW":"227","properties":{"size":"17","text":"I would just pick NPM Scripts"},"typeID":"Label","x":"167","y":"2079","zOrder":"180"},{"ID":"182","measuredH":"25","measuredW":"411","properties":{"size":"17","text":"You do not need rollup for now and can do everything"},"typeID":"Label","x":"919","y":"2200","zOrder":"181"},{"ID":"183","measuredH":"25","measuredW":"369","properties":{"size":"17","text":"with webpack but feel free to revisit Rollup later"},"typeID":"Label","x":"920","y":"2227","zOrder":"182"},{"ID":"184","h":"176","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"775","x":"484","y":"2340","zOrder":"183"},{"ID":"185","measuredH":"25","measuredW":"291","properties":{"bold":"true","size":"17","text":"Create something – Maybe a library"},"typeID":"Label","x":"530","y":"2359","zOrder":"184"},{"ID":"186","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"499","y":"2360","zOrder":"185"},{"ID":"187","measuredH":"21","measuredW":"14","properties":{"bold":"true","color":"16777215","text":"13"},"typeID":"Label","w":"20","x":"504","y":"2363","zOrder":"186"},{"ID":"188","measuredH":"25","measuredW":"660","properties":{"size":"17","text":"Congrats! You can call yourself 75% modern JavaScript developer now. Now go ahead"},"typeID":"Label","x":"530","y":"2388","zOrder":"187"},{"ID":"189","measuredH":"25","measuredW":"653","properties":{"size":"17","text":"and create something with all that you have learnt. Maybe create some sort of library"},"typeID":"Label","x":"530","y":"2416","zOrder":"188"},{"ID":"190","measuredH":"25","measuredW":"692","properties":{"size":"17","text":"in which you have to use Sass and JavaScript. Then use webpack to convert Sass to CSS"},"typeID":"Label","x":"530","y":"2445","zOrder":"189"},{"ID":"191","measuredH":"25","measuredW":"703","properties":{"size":"17","text":"and use babel to transpile ES6 code. Once you are done with, release it on Github and npm"},"typeID":"Label","x":"530","y":"2472","zOrder":"190"},{"ID":"192","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"twitter","size":"medium"}},"typeID":"Icon","x":"920","y":"127","zOrder":"191"},{"ID":"193","measuredH":"25","measuredW":"133","properties":{"bold":"true","color":"10027263","size":"17","text":"kamranahmedse"},"typeID":"Label","x":"960","y":"132","zOrder":"192"},{"ID":"194","h":"82","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"319","x":"534","y":"2554","zOrder":"193"},{"ID":"195","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"547","y":"2570","zOrder":"194"},{"ID":"196","measuredH":"22","measuredW":"15","properties":{"bold":"true","color":"16777215","size":"14","text":"14"},"typeID":"Label","w":"19","x":"552","y":"2572","zOrder":"195"},{"ID":"197","measuredH":"26","measuredW":"149","properties":{"bold":"true","size":"18","text":"Pick a Framework"},"typeID":"Label","w":"175","x":"580","y":"2569","zOrder":"196"},{"ID":"198","measuredH":"25","measuredW":"174","properties":{"size":"17","text":"React, Angular or Vue"},"typeID":"Label","w":"184","x":"580","y":"2595","zOrder":"197"},{"ID":"199","measuredH":"32","measuredW":"82","properties":{"align":"center","color":"16776960","size":"18","text":"React.js"},"typeID":"TextInput","w":"147","x":"324","y":"2562","zOrder":"198"},{"ID":"200","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16776960","size":"18","text":"Redux"},"typeID":"TextInput","w":"176","x":"167","y":"2304","zOrder":"199"},{"ID":"201","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16776960","size":"18","text":"MobX"},"typeID":"TextInput","w":"176","x":"167","y":"2343","zOrder":"200"},{"ID":"202","measuredH":"25","measuredW":"173","properties":{"size":"17","text":"These are not specific"},"typeID":"Label","x":"167","y":"2385","zOrder":"201"},{"ID":"203","measuredH":"25","measuredW":"166","properties":{"size":"17","text":"to React though, you "},"typeID":"Label","x":"167","y":"2408","zOrder":"202"},{"ID":"204","measuredH":"25","measuredW":"161","properties":{"size":"17","text":"can use them in any "},"typeID":"Label","x":"167","y":"2432","zOrder":"203"},{"ID":"205","measuredH":"25","measuredW":"136","properties":{"size":"17","text":"framework or app"},"typeID":"Label","x":"167","y":"2456","zOrder":"204"},{"ID":"206","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16776960","size":"18","text":"Vue.js"},"typeID":"TextInput","w":"147","x":"324","y":"2601","zOrder":"205"},{"ID":"207","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16776960","size":"18","text":"Angular"},"typeID":"TextInput","w":"147","x":"324","y":"2640","zOrder":"206"},{"ID":"208","h":"123","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"276","x":"443","y":"2710","zOrder":"207"},{"ID":"209","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16776960","size":"18","text":"RxJS"},"typeID":"TextInput","w":"176","x":"220","y":"2750","zOrder":"208"},{"ID":"210","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"ngrx"},"typeID":"TextInput","w":"176","x":"220","y":"2786","zOrder":"209"},{"ID":"211","measuredH":"25","measuredW":"229","properties":{"size":"17","text":"Even if you don't pick angular"},"typeID":"Label","x":"459","y":"2723","zOrder":"210"},{"ID":"212","measuredH":"25","measuredW":"210","properties":{"size":"17","text":"RxJS is an amazing library"},"typeID":"Label","x":"459","y":"2746","zOrder":"211"},{"ID":"213","measuredH":"25","measuredW":"245","properties":{"size":"17","text":"and can be used out of angular."},"typeID":"Label","x":"459","y":"2770","zOrder":"212"},{"ID":"214","measuredH":"25","measuredW":"184","properties":{"size":"17","text":"Give it a try afterwards!"},"typeID":"Label","x":"459","y":"2795","zOrder":"213"},{"ID":"215","measuredH":"32","measuredW":"95","properties":{"align":"center","borderColor":"13576743","color":"16777215","size":"18","text":"Angular.js"},"typeID":"TextInput","w":"205","x":"81","y":"2686","zOrder":"214"},{"ID":"216","h":"27","measuredH":"107","measuredW":"205","properties":{"color":"13576743"},"typeID":"ScratchOut","w":"44","x":"238","y":"2688","zOrder":"215"},{"ID":"217","h":"123","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"354","x":"97","y":"2854","zOrder":"216"},{"ID":"218","measuredH":"25","measuredW":"147","properties":{"bold":"true","size":"17","text":"Honorary Mention!"},"typeID":"Label","x":"111","y":"2866","zOrder":"217"},{"ID":"219","measuredH":"25","measuredW":"281","properties":{"size":"17","text":"It isn't used any more except for the"},"typeID":"Label","x":"111","y":"2892","zOrder":"218"},{"ID":"220","measuredH":"25","measuredW":"265","properties":{"size":"17","text":"the old apps. Make sure if you pick"},"typeID":"Label","x":"111","y":"2917","zOrder":"219"},{"ID":"221","measuredH":"25","measuredW":"326","properties":{"size":"17","text":"Angular it is Angular2+ and not angular.js"},"typeID":"Label","x":"111","y":"2940","zOrder":"220"},{"ID":"222","h":"145","measuredH":"140","measuredW":"200","properties":{"color":"16770457","text":""},"typeID":"TextArea","w":"540","x":"871","y":"2529","zOrder":"221"},{"ID":"223","measuredH":"25","measuredW":"436","properties":{"size":"17","text":"There is more and more demand for React.js these days"},"typeID":"Label","x":"885","y":"2547","zOrder":"222"},{"ID":"224","measuredH":"25","measuredW":"421","properties":{"size":"17","text":"You can pick any of the listed ones and you will be fine"},"typeID":"Label","x":"885","y":"2574","zOrder":"223"},{"ID":"225","measuredH":"25","measuredW":"365","properties":{"size":"17","text":"Have a look at all of them and see what you like"},"typeID":"Label","w":"381","x":"885","y":"2600","zOrder":"224"},{"ID":"226","h":"193","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"740","x":"541","y":"2870","zOrder":"225"},{"ID":"227","measuredH":"25","measuredW":"114","properties":{"bold":"true","size":"17","text":"Practical time"},"typeID":"Label","x":"588","y":"2883","zOrder":"226"},{"ID":"228","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"557","y":"2884","zOrder":"227"},{"ID":"229","measuredH":"21","measuredW":"14","properties":{"bold":"true","color":"16777215","text":"15"},"typeID":"Label","w":"17","x":"562","y":"2886","zOrder":"228"},{"ID":"230","measuredH":"25","measuredW":"670","properties":{"size":"17","text":"Now you know _everything_ that one might need to build a modern JavaScript application."},"typeID":"Label","x":"588","y":"2912","zOrder":"229"},{"ID":"231","measuredH":"25","measuredW":"674","properties":{"size":"17","text":"Go ahead and make some application with whatever framework you picked. You can find"},"typeID":"Label","x":"588","y":"2942","zOrder":"230"},{"ID":"232","measuredH":"25","measuredW":"506","properties":{"size":"17","text":"some of the ideas in the `ideas` directory. Pick anything and start!"},"typeID":"Label","x":"588","y":"2969","zOrder":"231"},{"ID":"233","h":"213","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"740","x":"543","y":"3070","zOrder":"232"},{"ID":"234","measuredH":"32","measuredW":"55","properties":{"align":"center","color":"16776960","size":"18","text":"Vuex"},"typeID":"TextInput","w":"176","x":"79","y":"2611","zOrder":"233"},{"ID":"235","measuredH":"25","measuredW":"146","properties":{"bold":"true","size":"17","text":"Testing your Apps"},"typeID":"Label","x":"592","y":"3089","zOrder":"234"},{"ID":"236","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"561","y":"3089","zOrder":"235"},{"ID":"237","measuredH":"21","measuredW":"14","properties":{"bold":"true","color":"16777215","text":"16"},"typeID":"Label","w":"17","x":"566","y":"3091","zOrder":"236"},{"ID":"238","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16770457","size":"18","text":"Jest"},"typeID":"TextInput","w":"162","x":"220","y":"3051","zOrder":"237"},{"ID":"239","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16770457","size":"18","text":"Mocha"},"typeID":"TextInput","w":"162","x":"220","y":"3086","zOrder":"238"},{"ID":"240","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"16770457","size":"18","text":"Karma"},"typeID":"TextInput","w":"162","x":"220","y":"3161","zOrder":"239"},{"ID":"241","measuredH":"32","measuredW":"81","properties":{"align":"center","color":"16770457","size":"18","text":"Enzyme"},"typeID":"TextInput","w":"162","x":"220","y":"3197","zOrder":"240"},{"ID":"242","measuredH":"25","measuredW":"647","properties":{"size":"17","text":"There are lots and lots of different tools for *different purposes*. I mostly find myself"},"typeID":"Label","x":"594","y":"3120","zOrder":"241"},{"ID":"243","measuredH":"25","measuredW":"652","properties":{"size":"17","text":"using the ones listed on the left. However, before you learn them, I would recommend"},"typeID":"Label","x":"594","y":"3143","zOrder":"242"},{"ID":"244","measuredH":"25","measuredW":"667","properties":{"size":"17","text":"you to first understand the different test types, look at all the options available and use"},"typeID":"Label","x":"594","y":"3167","zOrder":"243"},{"ID":"245","measuredH":"32","measuredW":"97","properties":{"align":"center","color":"16770457","size":"18","text":"Protractor"},"typeID":"TextInput","w":"162","x":"220","y":"3123","zOrder":"244"},{"ID":"246","measuredH":"25","measuredW":"294","properties":{"size":"17","text":"the ones most suitable for your needs."},"typeID":"Label","x":"594","y":"3191","zOrder":"245"},{"ID":"247","measuredH":"25","measuredW":"520","properties":{"color":"13576743","size":"17","text":"Here is a good summary to get you started : https://goo.gl/D77a4K"},"typeID":"Label","x":"594","y":"3233","zOrder":"246"},{"ID":"248","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"562","y":"3234","zOrder":"247"},{"ID":"249","h":"122","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"740","x":"543","y":"3376","zOrder":"248"},{"ID":"250","measuredH":"25","measuredW":"174","properties":{"bold":"true","size":"17","text":"Static Type Checkers"},"typeID":"Label","x":"587","y":"3395","zOrder":"249"},{"ID":"251","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"557","y":"3395","zOrder":"250"},{"ID":"252","measuredH":"21","measuredW":"14","properties":{"bold":"true","color":"16777215","text":"18"},"typeID":"Label","w":"17","x":"562","y":"3397","zOrder":"251"},{"ID":"253","measuredH":"25","measuredW":"682","properties":{"size":"17","text":"You don't need to learn these but they really give you superpowers and can be mastered"},"typeID":"Label","x":"589","y":"3425","zOrder":"252"},{"ID":"254","measuredH":"32","measuredW":"104","properties":{"align":"center","color":"16776960","size":"18","text":"TypeScript"},"typeID":"TextInput","w":"162","x":"221","y":"3382","zOrder":"253"},{"ID":"255","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16770457","size":"18","text":"Flow"},"typeID":"TextInput","w":"162","x":"221","y":"3418","zOrder":"254"},{"ID":"256","measuredH":"25","measuredW":"576","properties":{"size":"17","text":"in a few hours. I would pick TypeScript but feel free to check both and pick."},"typeID":"Label","x":"589","y":"3450","zOrder":"255"},{"ID":"257","h":"81","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"739","x":"544","y":"3535","zOrder":"256"},{"ID":"258","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"558","y":"3549","zOrder":"257"},{"ID":"259","measuredH":"22","measuredW":"15","properties":{"bold":"true","color":"16777215","size":"14","text":"17"},"typeID":"Label","w":"16","x":"563","y":"3551","zOrder":"258"},{"ID":"260","measuredH":"26","measuredW":"195","properties":{"bold":"true","size":"18","text":"Server Side Rendering"},"typeID":"Label","w":"293","x":"589","y":"3548","zOrder":"259"},{"ID":"261","measuredH":"25","measuredW":"531","properties":{"size":"17","text":"Learn about server side rendering in whatever framework you picked"},"typeID":"Label","x":"590","y":"3575","zOrder":"260"},{"ID":"262","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16770457","size":"18","text":"React"},"typeID":"TextInput","w":"135","x":"258","y":"3532","zOrder":"261"},{"ID":"263","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16770457","size":"18","text":"Angular"},"typeID":"TextInput","w":"135","x":"258","y":"3570","zOrder":"262"},{"ID":"264","measuredH":"32","measuredW":"71","properties":{"align":"center","color":"16776960","size":"18","text":"Next.js"},"typeID":"TextInput","w":"135","x":"91","y":"3487","zOrder":"263"},{"ID":"265","measuredH":"32","measuredW":"72","properties":{"align":"center","color":"16770457","size":"18","text":"After.js"},"typeID":"TextInput","w":"135","x":"91","y":"3524","zOrder":"264"},{"ID":"266","measuredH":"32","measuredW":"90","properties":{"align":"center","color":"16770457","size":"18","text":"Universal"},"typeID":"TextInput","w":"135","x":"93","y":"3570","zOrder":"265"},{"ID":"267","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16770457","size":"18","text":"Vue.js"},"typeID":"TextInput","w":"135","x":"259","y":"3608","zOrder":"266"},{"ID":"268","measuredH":"32","measuredW":"71","properties":{"align":"center","color":"16770457","size":"18","text":"Nuxt.js"},"typeID":"TextInput","w":"135","x":"93","y":"3608","zOrder":"267"},{"ID":"269","h":"96","measuredH":"95","measuredW":"138","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":138,"x":138,"y":0},"p1":{"length":0.5053057918482519,"x":0.49968892955169264,"y":-0.07513266239707227},"p2":{"length":95,"x":0,"y":95},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"139","x":"569","y":"2088","zOrder":"268"},{"ID":"270","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"16776960","size":"18","text":"ESLint"},"typeID":"TextInput","w":"147","x":"449","y":"2163","zOrder":"269"},{"ID":"271","measuredH":"32","measuredW":"68","properties":{"align":"center","color":"16770457","size":"18","text":"JSLint"},"typeID":"TextInput","w":"147","x":"449","y":"2200","zOrder":"270"},{"ID":"272","measuredH":"32","measuredW":"70","properties":{"align":"center","color":"16770457","size":"18","text":"JSHint"},"typeID":"TextInput","w":"147","x":"449","y":"2238","zOrder":"271"},{"ID":"273","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16770457","size":"18","text":"JSCS"},"typeID":"TextInput","w":"147","x":"449","y":"2276","zOrder":"272"},{"ID":"274","h":"81","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"739","x":"544","y":"3289","zOrder":"273"},{"ID":"275","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"558","y":"3303","zOrder":"274"},{"ID":"276","measuredH":"22","measuredW":"15","properties":{"bold":"true","color":"16777215","size":"14","text":"17"},"typeID":"Label","w":"16","x":"563","y":"3305","zOrder":"275"},{"ID":"277","measuredH":"26","measuredW":"185","properties":{"bold":"true","size":"18","text":"Progressive WebApps"},"typeID":"Label","w":"293","x":"589","y":"3302","zOrder":"276"},{"ID":"278","measuredH":"25","measuredW":"509","properties":{"size":"17","text":"Learn about service workers and how to make progress web apps"},"typeID":"Label","x":"590","y":"3329","zOrder":"277"},{"ID":"279","measuredH":"25","measuredW":"551","properties":{"color":"13576743","size":"17","text":"Learn how to measure and improve the performance of your application"},"typeID":"Label","x":"588","y":"3002","zOrder":"278"},{"ID":"280","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"lightbulb-o","size":"small"}},"typeID":"Icon","x":"556","y":"3006","zOrder":"279"},{"ID":"281","measuredH":"25","measuredW":"491","properties":{"color":"13576743","size":"17","text":"e.g. Interactivity Time, Page Speed Index, Lighthouse Score etc"},"typeID":"Label","x":"587","y":"3027","zOrder":"280"},{"ID":"282","measuredH":"32","measuredW":"170","properties":{"bold":"true","size":"24","text":"Keep Exploring"},"typeID":"Label","x":"777","y":"3805","zOrder":"281"},{"ID":"283","h":"7","measuredH":"6","measuredW":"199","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":199,"y":0},"p1":{"x":0.5395167379813743,"y":0.003397936068462093},"p2":{"x":0,"y":6},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"200","x":"309","y":"1945","zOrder":"282"},{"ID":"284","h":"23","measuredH":"22","measuredW":"195","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":195,"y":22},"p1":{"x":0.5395167379813742,"y":0.0033979360684621165},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"196","x":"308","y":"1915","zOrder":"283"},{"ID":"285","h":"52","measuredH":"51","measuredW":"181","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":181,"y":51},"p1":{"x":0.5395167379813742,"y":0.0033979360684621134},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"182","x":"308","y":"1876","zOrder":"284"},{"ID":"286","h":"89","measuredH":"88","measuredW":"200","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":200,"y":88},"p1":{"x":0.5395167379813742,"y":0.0033979360684621043},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"201","x":"313","y":"1840","zOrder":"285"},{"ID":"287","h":"111","measuredH":"109","measuredW":"182","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":182,"y":109},"p1":{"x":0.5479508196721311,"y":0.0024590163934426227},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"184","x":"320","y":"1808","zOrder":"286"},{"ID":"288","measuredH":"32","measuredW":"51","properties":{"align":"center","color":"16776960","size":"18","text":"BEM"},"typeID":"TextInput","w":"162","x":"158","y":"1790","zOrder":"287"},{"ID":"289","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16770457","size":"18","text":"OOCSS"},"typeID":"TextInput","w":"162","x":"158","y":"1827","zOrder":"288"},{"ID":"290","h":"105","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"584","x":"480","y":"1775","zOrder":"289"},{"ID":"291","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"494","y":"1801","zOrder":"290"},{"ID":"292","measuredH":"22","measuredW":"15","properties":{"bold":"true","color":"16777215","size":"14","text":"10"},"typeID":"Label","w":"16","x":"499","y":"1803","zOrder":"291"},{"ID":"293","measuredH":"26","measuredW":"134","properties":{"bold":"true","size":"18","text":"CSS Framework"},"typeID":"Label","w":"293","x":"525","y":"1800","zOrder":"292"},{"ID":"294","measuredH":"25","measuredW":"489","properties":{"size":"17","text":"You really don't need to learn any but still they are good to have"},"typeID":"Label","x":"526","y":"1828","zOrder":"293"},{"ID":"295","measuredH":"32","measuredW":"92","properties":{"align":"center","color":"16776960","size":"18","text":"Bootstrap"},"typeID":"TextInput","w":"149","x":"1071","y":"1775","zOrder":"294"},{"ID":"296","measuredH":"32","measuredW":"146","properties":{"align":"center","color":"16770457","size":"18","text":"Materialize CSS"},"typeID":"TextInput","w":"149","x":"1071","y":"1812","zOrder":"295"},{"ID":"297","measuredH":"32","measuredW":"64","properties":{"align":"center","color":"16770457","size":"18","text":"Bulma"},"typeID":"TextInput","w":"150","x":"1070","y":"1848","zOrder":"296"},{"ID":"298","h":"105","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"739","x":"480","y":"1885","zOrder":"297"},{"ID":"299","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"494","y":"1900","zOrder":"298"},{"ID":"300","measuredH":"22","measuredW":"12","properties":{"bold":"true","color":"16777215","size":"14","text":"11"},"typeID":"Label","w":"16","x":"499","y":"1902","zOrder":"299"},{"ID":"301","measuredH":"26","measuredW":"150","properties":{"bold":"true","size":"18","text":"CSS Architecture"},"typeID":"Label","w":"293","x":"525","y":"1899","zOrder":"300"},{"ID":"302","measuredH":"25","measuredW":"671","properties":{"size":"17","text":"There are multiple ways to structure your CSS better and to make it more maintainable"},"typeID":"Label","x":"526","y":"1927","zOrder":"301"},{"ID":"303","measuredH":"25","measuredW":"626","properties":{"size":"17","text":"You should know about the differences – personally I find myself using BEM more"},"typeID":"Label","x":"527","y":"1952","zOrder":"302"},{"ID":"304","measuredH":"32","measuredW":"89","properties":{"align":"center","color":"16770457","size":"18","text":"SMACSS"},"typeID":"TextInput","w":"162","x":"158","y":"1864","zOrder":"303"},{"ID":"305","measuredH":"32","measuredW":"95","properties":{"align":"center","color":"16770457","size":"18","text":"SUITCSS"},"typeID":"TextInput","w":"162","x":"158","y":"1901","zOrder":"304"},{"ID":"306","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"16770457","size":"18","text":"Atomic"},"typeID":"TextInput","w":"162","x":"159","y":"1937","zOrder":"305"},{"ID":"307","h":"87","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"739","x":"544","y":"3623","zOrder":"306"},{"ID":"308","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"558","y":"3637","zOrder":"307"},{"ID":"309","measuredH":"22","measuredW":"15","properties":{"bold":"true","color":"16777215","size":"14","text":"18"},"typeID":"Label","w":"16","x":"563","y":"3639","zOrder":"308"},{"ID":"310","measuredH":"26","measuredW":"371","properties":{"bold":"true","size":"18","text":"All the things that weren't mentioned above"},"typeID":"Label","w":"391","x":"589","y":"3636","zOrder":"309"},{"ID":"311","measuredH":"25","measuredW":"669","properties":{"size":"17","text":"Canvas, HTML-5 APIs, SVG, sourcemaps, functional programming, TC39 etc. Go Figure!"},"typeID":"Label","x":"590","y":"3663","zOrder":"310"},{"ID":"312","measuredH":"25","measuredW":"502","properties":{"bold":"true","size":"17","text":"Important – Don't buy into the hype, compare and understand!"},"typeID":"Label","w":"512","x":"885","y":"2632","zOrder":"311"}]},"measuredH":"3837","measuredW":"1411","mockupH":"3790","mockupW":"1332","version":"1.0"}} +{"mockup":{"controls":{"control":[{"ID":"38","h":"67","measuredH":"66","measuredW":"14","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.510715363718684,"y":0.13884696649562314},"p2":{"x":9,"y":66},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"15","x":"658","y":"277","zOrder":"82"},{"ID":"49","h":"59","measuredH":"58","measuredW":"110","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":110,"y":58,"length":124.35433245367851},"p1":{"x":0.45522128005575574,"y":-0.054942502032756434,"length":0.45852490918729844},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"111","x":"432","y":"289","zOrder":"78"},{"ID":"53","h":"55","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"329","zOrder":"83"},{"ID":"54","measuredH":"40","measuredW":"149","properties":{"bold":"true","size":"32","text":"Front-end"},"typeID":"Label","x":"563","y":"121","zOrder":"84"},{"ID":"55","h":"74","measuredH":"73","measuredW":"18","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":8,"x":8,"y":0},"p1":{"length":0.4979530082684307,"x":0.45894941634241254,"y":0.19319066147859923},"p2":{"length":73,"x":0,"y":73},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"19","x":"637","y":"47","zOrder":"85"},{"ID":"56","h":"61","measuredH":"60","measuredW":"15","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":2,"x":2,"y":0},"p1":{"length":0.4752342503759216,"x":0.46391752577319545,"y":-0.1030927835051546},"p2":{"length":61.84658438426491,"x":15,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"16","x":"626","y":"177","zOrder":"86"},{"ID":"57","measuredH":"26","measuredW":"147","properties":{"bold":"true","size":"18","text":"Learn the Basics"},"typeID":"Label","x":"589","y":"244","zOrder":"87"},{"ID":"91","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"github","size":"medium"}},"typeID":"Icon","x":"920","y":"81","zOrder":"89"},{"ID":"92","measuredH":"25","measuredW":"295","properties":{"bold":"true","color":"10027263","size":"17","text":"kamranahmedse/developer-roadmap"},"typeID":"Label","x":"959","y":"85","zOrder":"90"},{"ID":"191","measuredH":"32","measuredW":"32","properties":{"color":"10027263","icon":{"ID":"twitter","size":"medium"}},"typeID":"Icon","x":"920","y":"127","zOrder":"91"},{"ID":"192","measuredH":"25","measuredW":"133","properties":{"bold":"true","color":"10027263","size":"17","text":"kamranahmedse"},"typeID":"Label","x":"960","y":"132","zOrder":"92"},{"ID":"328","h":"14","measuredH":"13","measuredW":"114","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":114,"y":13,"length":114.73883387938018},"p1":{"x":0.46527893422148237,"y":-0.0013322231473772803,"length":0.4652808414804901},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"115","x":"431","y":"338","zOrder":"81"},{"ID":"329","h":"23","measuredH":"22","measuredW":"111","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":111,"y":0,"length":111},"p1":{"x":0.4453729012104649,"y":0.01983600156188987,"length":0.44581440991806204},"p2":{"x":0,"y":22,"length":22},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"112","x":"434","y":"361","zOrder":"80"},{"ID":"332","h":"58","measuredH":"57","measuredW":"111","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":111,"y":0,"length":111},"p1":{"x":0.47938350680544434,"y":0.06064851881505207,"length":0.48320470758421347},"p2":{"x":0,"y":57,"length":57},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"112","x":"430","y":"371","zOrder":"79"},{"ID":"341","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"391","zOrder":"101"},{"ID":"342","measuredH":"25","measuredW":"35","properties":{"bold":"true","size":"17","text":"CSS"},"typeID":"Label","x":"651","y":"404","zOrder":"102"},{"ID":"355","measuredH":"25","measuredW":"131","properties":{"size":"17","text":"Learn the basics"},"typeID":"Label","w":"134","x":"241","y":"277","zOrder":"94"},{"ID":"356","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"173","y":"316","zOrder":"95"},{"ID":"357","measuredH":"25","measuredW":"186","properties":{"size":"17","text":"Writing Semantic HTML"},"typeID":"Label","w":"189","x":"214","y":"324","zOrder":"96"},{"ID":"358","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"173","y":"362","zOrder":"97"},{"ID":"359","measuredH":"25","measuredW":"83","properties":{"size":"17","text":"Basic SEO"},"typeID":"Label","w":"84","x":"266","y":"370","zOrder":"98"},{"ID":"360","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"173","y":"409","zOrder":"99"},{"ID":"361","measuredH":"25","measuredW":"97","properties":{"size":"17","text":"Accessibility"},"typeID":"Label","w":"100","x":"258","y":"417","zOrder":"100"},{"ID":"437","measuredH":"25","measuredW":"48","properties":{"bold":"true","size":"17","text":"HTML"},"typeID":"Label","x":"644","y":"344","zOrder":"88"},{"ID":"498","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"450","zOrder":"119"},{"ID":"499","measuredH":"25","measuredW":"168","properties":{"bold":"true","size":"17","text":"Basics of JavaScript"},"typeID":"Label","x":"584","y":"463","zOrder":"120"},{"ID":"504","h":"58","measuredH":"57","measuredW":"97","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":97,"y":0},"p1":{"x":0.4929203539823005,"y":-0.0061946902654867846},"p2":{"x":0,"y":57},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"98","x":"787","y":"352","zOrder":"77"},{"ID":"505","h":"15","measuredH":"14","measuredW":"108","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":108,"y":0},"p1":{"x":0.4532883642495784,"y":-0.0032040472175379428},"p2":{"x":0,"y":14},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"109","x":"788","y":"401","zOrder":"76"},{"ID":"506","h":"38","measuredH":"37","measuredW":"96","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":96,"y":37},"p1":{"x":0.48822006197733175,"y":-0.011249310183809523},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"97","x":"787","y":"417","zOrder":"75"},{"ID":"507","h":"84","measuredH":"83","measuredW":"107","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":107,"y":83},"p1":{"x":0.5177263969171484,"y":0.015221579961464355},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"108","x":"787","y":"420","zOrder":"74"},{"ID":"508","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"173","y":"473","zOrder":"121"},{"ID":"509","measuredH":"25","measuredW":"228","properties":{"size":"17","text":"Syntax and Basic Constructs"},"typeID":"Label","w":"228","x":"194","y":"481","zOrder":"122"},{"ID":"510","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"173","y":"519","zOrder":"123"},{"ID":"511","measuredH":"25","measuredW":"190","properties":{"size":"17","text":"Learn DOM Manipulation"},"typeID":"Label","w":"197","x":"210","y":"527","zOrder":"124"},{"ID":"517","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"174","y":"566","zOrder":"129"},{"ID":"518","measuredH":"25","measuredW":"230","properties":{"size":"17","text":"Learn Fetch API / Ajax (XHR)"},"typeID":"Label","w":"234","x":"192","y":"574","zOrder":"130"},{"ID":"519","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"174","y":"614","zOrder":"131"},{"ID":"520","measuredH":"25","measuredW":"232","properties":{"size":"17","text":"ES6+ and modular JavaScript"},"typeID":"Label","w":"234","x":"192","y":"622","zOrder":"132"},{"ID":"521","h":"34","measuredH":"33","measuredW":"122","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":122,"y":0},"p1":{"x":0.4501850789844117,"y":0.00928001668317606},"p2":{"x":0,"y":33},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"123","x":"429","y":"465","zOrder":"73"},{"ID":"522","h":"82","measuredH":"81","measuredW":"127","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":127,"y":0},"p1":{"x":0.4682571775171856,"y":0.0018196522442377678},"p2":{"x":0,"y":81},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"128","x":"429","y":"463","zOrder":"72"},{"ID":"523","h":"120","measuredH":"119","measuredW":"118","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":118,"y":0},"p1":{"x":0.46376334167874556,"y":-0.00612728949795757},"p2":{"x":0,"y":119},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"119","x":"434","y":"469","zOrder":"71"},{"ID":"526","h":"158","measuredH":"157","measuredW":"120","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":120,"y":0},"p1":{"x":0.4668678363711581,"y":0.0018494634122599956},"p2":{"x":0,"y":157},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"121","x":"431","y":"481","zOrder":"70"},{"ID":"527","h":"213","measuredH":"212","measuredW":"129","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":129,"y":0},"p1":{"x":0.4758909351829711,"y":0.002176512795981883},"p2":{"x":0,"y":212},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"130","x":"428","y":"488","zOrder":"69"},{"ID":"530","h":"251","measuredH":"250","measuredW":"50","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":33,"y":0},"p1":{"x":0.4890347035308732,"y":-0.16125435984009936},"p2":{"x":50,"y":250},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"51","x":"595","y":"499","zOrder":"68"},{"ID":"531","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"540","y":"734","zOrder":"133"},{"ID":"532","measuredH":"25","measuredW":"150","properties":{"bold":"true","size":"17","text":"Package Managers"},"typeID":"Label","x":"590","y":"747","zOrder":"134"},{"ID":"533","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"106","x":"767","y":"575","zOrder":"135"},{"ID":"534","measuredH":"25","measuredW":"33","properties":{"size":"17","text":"npm"},"typeID":"Label","w":"33","x":"804","y":"583","zOrder":"136"},{"ID":"535","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"106","x":"767","y":"620","zOrder":"137"},{"ID":"536","measuredH":"25","measuredW":"33","properties":{"size":"17","text":"yarn"},"typeID":"Label","w":"33","x":"804","y":"628","zOrder":"138"},{"ID":"548","h":"88","measuredH":"140","measuredW":"200","properties":{"color":"3355443"},"typeID":"TextArea","w":"439","x":"885","y":"574","zOrder":"139"},{"ID":"549","measuredH":"25","measuredW":"402","properties":{"color":"15658734","size":"17","text":"{color:yellow}npm{color} improved a lot, post v5+, but is still behind yarn"},"typeID":"Label","w":"403","x":"905","y":"589","zOrder":"140"},{"ID":"550","measuredH":"25","measuredW":"390","properties":{"color":"15658734","size":"17","text":"in some features; nothing serious though. Pick any!"},"typeID":"Label","w":"395","x":"905","y":"619","zOrder":"141"},{"ID":"554","h":"124","measuredH":"123","measuredW":"33","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":20,"y":0},"p1":{"x":0.47600574536258394,"y":0.18099119780988743},"p2":{"x":0,"y":123},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"34","x":"634","y":"765","zOrder":"67"},{"ID":"555","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"465","y":"876","zOrder":"142"},{"ID":"556","measuredH":"25","measuredW":"165","properties":{"bold":"true","size":"17","text":"CSS Pre-processors"},"typeID":"Label","x":"508","y":"889","zOrder":"143"},{"ID":"563","h":"49","measuredH":"48","measuredW":"149","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":149,"y":48,"length":156.54072952429985},"p1":{"x":0.5145547945205479,"y":-0.017979452054794468,"length":0.5148688155834201},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"150","x":"333","y":"853","zOrder":"65"},{"ID":"564","h":"5","measuredH":"4","measuredW":"159","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":159,"y":4,"length":159.05030650709227},"p1":{"x":0.4501850789844111,"y":0.009280016683176075,"length":0.4502807169420433},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"160","x":"320","y":"898","zOrder":"66"},{"ID":"565","h":"34","measuredH":"33","measuredW":"148","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":148,"y":0,"length":148},"p1":{"x":0.45079101868865695,"y":0.021400080670461157,"length":0.4512986882133154},"p2":{"x":0,"y":33,"length":33},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"149","x":"333","y":"906","zOrder":"64"},{"ID":"574","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"146","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"46","properties":{"size":"17","text":"SASS"},"typeID":"Label","w":"46","x":"50","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"146","typeID":"__group__","w":"146","x":"201","y":"832","zOrder":"144"},{"ID":"576","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"15658734"},"typeID":"TextArea","w":"146","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"38","properties":{"size":"17","text":"Less"},"typeID":"Label","w":"42","x":"52","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"146","typeID":"__group__","w":"146","x":"201","y":"923","zOrder":"147"},{"ID":"577","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"557","y":"1009","zOrder":"153"},{"ID":"578","measuredH":"25","measuredW":"136","properties":{"bold":"true","size":"17","text":"CSS Frameworks"},"typeID":"Label","x":"614","y":"1022","zOrder":"154"},{"ID":"579","h":"107","measuredH":"106","measuredW":"33","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":22,"y":0},"p1":{"x":0.5204368174726989,"y":-0.25273010920436817},"p2":{"x":33,"y":106},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"34","x":"596","y":"909","zOrder":"63"},{"ID":"598","h":"71","measuredH":"70","measuredW":"201","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":201,"y":0,"length":201},"p1":{"x":0.4540175149248531,"y":-0.0022997049873399802,"length":0.4540233391595282},"p2":{"x":0,"y":70,"length":70},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"202","x":"797","y":"960","zOrder":"62"},{"ID":"599","children":{"controls":{"control":[{"ID":"0","children":{"controls":{"control":[{"ID":"0","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"196","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"74","properties":{"size":"17","text":"Bootstrap"},"typeID":"Label","w":"72","x":"62","y":"8","zOrder":"1"}]}},"h":"41","measuredH":"41","measuredW":"196","typeID":"__group__","w":"196","x":"0","y":"0","zOrder":"0"},{"ID":"1","children":{"controls":{"control":[{"ID":"0","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"196","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"124","properties":{"size":"17","text":"Materialize CSS"},"typeID":"Label","w":"128","x":"34","y":"8","zOrder":"1"}]}},"h":"41","measuredH":"41","measuredW":"196","typeID":"__group__","w":"196","x":"0","y":"48","zOrder":"1"},{"ID":"2","children":{"controls":{"control":[{"ID":"0","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"196","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"47","properties":{"size":"17","text":"Bulma"},"typeID":"Label","w":"48","x":"74","y":"8","zOrder":"1"}]}},"h":"41","measuredH":"41","measuredW":"196","typeID":"__group__","w":"196","x":"0","y":"95","zOrder":"2"},{"ID":"3","children":{"controls":{"control":[{"ID":"0","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"196","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"96","properties":{"size":"17","text":"Semantic UI"},"typeID":"Label","w":"97","x":"50","y":"8","zOrder":"1"}]}},"h":"41","measuredH":"41","measuredW":"196","typeID":"__group__","w":"196","x":"0","y":"143","zOrder":"3"}]}},"h":"184","measuredH":"184","measuredW":"196","typeID":"__group__","w":"196","x":"982","y":"942","zOrder":"155"},{"ID":"601","h":"162","measuredH":"161","measuredW":"92","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":92,"y":0},"p1":{"x":0.4879820026048862,"y":-0.11370722658562568},"p2":{"x":0,"y":161},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"93","x":"686","y":"592","zOrder":"61"},{"ID":"602","h":"107","measuredH":"106","measuredW":"80","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":80,"y":0},"p1":{"x":0.4879820026048862,"y":-0.11370722658562568},"p2":{"x":0,"y":106},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"81","x":"710","y":"638","zOrder":"60"},{"ID":"603","h":"87","measuredH":"86","measuredW":"233","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":233,"y":0},"p1":{"x":0.5070114290346114,"y":-0.07984112831320418},"p2":{"x":0,"y":86},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"234","x":"702","y":"808","zOrder":"59"},{"ID":"604","h":"27","measuredH":"26","measuredW":"212","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":212,"y":0,"length":212},"p1":{"x":0.4540175149248532,"y":-0.002299704987339999,"length":0.4540233391595283},"p2":{"x":0,"y":26,"length":26},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"213","x":"793","y":"1011","zOrder":"58"},{"ID":"605","h":"15","measuredH":"14","measuredW":"221","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":221,"y":14},"p1":{"x":0.45401751492485337,"y":-0.002299704987340005},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"222","x":"791","y":"1041","zOrder":"56"},{"ID":"606","h":"60","measuredH":"59","measuredW":"221","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":221,"y":59,"length":228.74002710500844},"p1":{"x":0.45401751492485287,"y":-0.0022997049873399265,"length":0.45402333915952797},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"222","x":"785","y":"1045","zOrder":"57"},{"ID":"607","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"445","y":"1111","zOrder":"156"},{"ID":"608","measuredH":"25","measuredW":"142","properties":{"bold":"true","size":"17","text":"CSS Architecture"},"typeID":"Label","x":"499","y":"1124","zOrder":"157"},{"ID":"609","h":"80","measuredH":"79","measuredW":"23","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":79},"p1":{"x":0.468398677373642,"y":-0.21530467642890883},"p2":{"x":13,"y":0},"rightArrow":"false","shape":"bezier","text":""},"typeID":"Arrow","w":"24","x":"634","y":"1047","zOrder":"55"},{"ID":"613","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"146","x":"168","y":"1071","zOrder":"158"},{"ID":"614","measuredH":"25","measuredW":"35","properties":{"size":"17","text":"BEM"},"typeID":"Label","w":"35","x":"224","y":"1079","zOrder":"159"},{"ID":"615","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"146","x":"168","y":"1162","zOrder":"160"},{"ID":"616","measuredH":"25","measuredW":"70","properties":{"size":"17","text":"SMACSS"},"typeID":"Label","w":"69","x":"207","y":"1170","zOrder":"161"},{"ID":"617","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"146","x":"168","y":"1116","zOrder":"162"},{"ID":"618","measuredH":"25","measuredW":"62","properties":{"size":"17","text":"OOCSS"},"typeID":"Label","w":"65","x":"209","y":"1124","zOrder":"163"},{"ID":"627","h":"44","measuredH":"43","measuredW":"165","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":165,"y":43,"length":170.51099671282202},"p1":{"x":0.5145547945205479,"y":-0.017979452054794544,"length":0.5148688155834201},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"166","x":"287","y":"1090","zOrder":"54"},{"ID":"628","h":"6","measuredH":"5","measuredW":"170","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":170,"y":5,"length":170.07351351694948},"p1":{"x":0.514554794520548,"y":-0.017979452054794513,"length":0.5148688155834202},"p2":{"x":0,"y":2,"length":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"171","x":"281","y":"1138","zOrder":"53"},{"ID":"629","h":"37","measuredH":"36","measuredW":"169","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":169,"y":0,"length":169},"p1":{"x":0.5145547945205478,"y":-0.01797945205479484,"length":0.51486881558342},"p2":{"x":0,"y":36,"length":36},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"170","x":"288","y":"1148","zOrder":"52"},{"ID":"635","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"173","y":"269","zOrder":"93"},{"ID":"636","measuredH":"10","measuredW":"100","properties":{"color":"10027263"},"typeID":"HRule","x":"1126","y":"398","zOrder":"103"},{"ID":"637","h":"185","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"116","x":"1195","y":"336","zOrder":"104"},{"ID":"640","h":"42","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"297","x":"875","y":"480","zOrder":"109"},{"ID":"641","measuredH":"25","measuredW":"101","properties":{"size":"17","text":"Learn CSS 3"},"typeID":"Label","w":"106","x":"971","y":"489","zOrder":"110"},{"ID":"642","measuredH":"25","measuredW":"46","properties":{"size":"17","text":"Floats"},"typeID":"Label","x":"1230","y":"349","zOrder":"111"},{"ID":"644","measuredH":"25","measuredW":"84","properties":{"size":"17","text":"Positioning"},"typeID":"Label","x":"1211","y":"376","zOrder":"114"},{"ID":"645","measuredH":"25","measuredW":"56","properties":{"size":"17","text":"Display"},"typeID":"Label","x":"1225","y":"403","zOrder":"115"},{"ID":"646","measuredH":"25","measuredW":"79","properties":{"size":"17","text":"Box Model"},"typeID":"Label","x":"1214","y":"430","zOrder":"116"},{"ID":"647","measuredH":"25","measuredW":"73","properties":{"size":"17","text":"CSS Grid"},"typeID":"Label","x":"1217","y":"457","zOrder":"117"},{"ID":"648","measuredH":"25","measuredW":"65","properties":{"size":"17","text":"Flex Box"},"typeID":"Label","x":"1221","y":"484","zOrder":"118"},{"ID":"649","h":"43","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"297","x":"875","y":"333","zOrder":"105"},{"ID":"650","measuredH":"25","measuredW":"131","properties":{"size":"17","text":"Learn the basics"},"typeID":"Label","w":"140","x":"954","y":"342","zOrder":"106"},{"ID":"651","h":"47","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"298","x":"874","y":"381","zOrder":"107"},{"ID":"652","measuredH":"25","measuredW":"122","properties":{"size":"17","text":"Making Layouts"},"typeID":"Label","w":"130","x":"959","y":"392","zOrder":"108"},{"ID":"653","h":"43","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"297","x":"875","y":"432","zOrder":"112"},{"ID":"654","measuredH":"25","measuredW":"113","properties":{"size":"17","text":"Media Queries"},"typeID":"Label","w":"123","x":"963","y":"441","zOrder":"113"},{"ID":"655","h":"145","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"270","x":"174","y":"663","zOrder":"125"},{"ID":"657","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"146","x":"201","y":"878","zOrder":"145"},{"ID":"658","measuredH":"25","measuredW":"70","properties":{"size":"17","text":"PostCSS"},"typeID":"Label","w":"69","x":"240","y":"886","zOrder":"146"},{"ID":"660","h":"154","measuredH":"140","measuredW":"200","properties":{"color":"3355443","text":""},"typeID":"TextArea","w":"447","x":"879","y":"724","zOrder":"148"},{"ID":"662","measuredH":"25","measuredW":"401","properties":{"color":"15658734","size":"17","text":"PostCSS is not a pre-processor but can be used as"},"typeID":"Label","w":"403","x":"902","y":"744","zOrder":"149"},{"ID":"663","measuredH":"25","measuredW":"385","properties":{"color":"15658734","size":"17","text":"one. Go for SASS and revisit PostCSS later. There"},"typeID":"Label","w":"395","x":"902","y":"774","zOrder":"150"},{"ID":"664","measuredH":"25","measuredW":"390","properties":{"color":"15658734","size":"17","text":"is still some {color:yellow}Less{color} in the market but I won't go for it"},"typeID":"Label","w":"395","x":"901","y":"803","zOrder":"151"},{"ID":"665","measuredH":"25","measuredW":"188","properties":{"color":"15658734","size":"17","text":"if I was starting in 2019."},"typeID":"Label","w":"192","x":"901","y":"833","zOrder":"152"},{"ID":"666","h":"159","measuredH":"140","measuredW":"200","properties":{"color":"3355443","text":""},"typeID":"TextArea","w":"502","x":"807","y":"1161","zOrder":"164"},{"ID":"671","h":"86","measuredH":"85","measuredW":"157","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":157,"y":85},"p1":{"x":0.5048661800486618,"y":-0.06995133819951338},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"158","x":"689","y":"1137","zOrder":"51"},{"ID":"673","children":{"controls":{"control":[{"ID":"0","measuredH":"25","measuredW":"419","properties":{"color":"15658734","size":"17","text":"With modern front-end frameworks, there is more push"},"typeID":"Label","w":"441","x":"1","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"447","properties":{"color":"15658734","size":"17","text":"push towards CSS in JS methodologies with which you are"},"typeID":"Label","w":"456","x":"1","y":"31","zOrder":"1"},{"ID":"2","measuredH":"25","measuredW":"460","properties":{"color":"15658734","size":"17","text":"not going to need these. However, you should still learn {color:yellow}BEM{color}"},"typeID":"Label","w":"464","x":"0","y":"61","zOrder":"2"},{"ID":"3","measuredH":"25","measuredW":"379","properties":{"color":"15658734","size":"17","text":"at-least, which would prove helpful in the long run"},"typeID":"Label","w":"447","x":"0","y":"92","zOrder":"3"}]}},"h":"117","measuredH":"117","measuredW":"464","typeID":"__group__","w":"464","x":"826","y":"1182","zOrder":"165"},{"ID":"674","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"285","y":"1302","zOrder":"166"},{"ID":"675","measuredH":"25","measuredW":"87","properties":{"bold":"true","size":"17","text":"Build Tools"},"typeID":"Label","x":"367","y":"1315","zOrder":"167"},{"ID":"676","h":"178","measuredH":"177","measuredW":"165","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":165,"y":0},"p1":{"x":0.5791841992271362,"y":-0.19216831258050665},"p2":{"x":1,"y":177},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"166","x":"421","y":"1148","zOrder":"50"},{"ID":"678","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"176","x":"755","y":"1371","zOrder":"168"},{"ID":"679","measuredH":"25","measuredW":"92","properties":{"size":"17","text":"npm scripts"},"typeID":"Label","w":"97","x":"795","y":"1379","zOrder":"169"},{"ID":"680","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"754","y":"1417","zOrder":"170"},{"ID":"681","measuredH":"25","measuredW":"34","properties":{"size":"17","text":"gulp"},"typeID":"Label","w":"43","x":"821","y":"1425","zOrder":"171"},{"ID":"682","h":"50","measuredH":"48","measuredW":"67","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":67,"y":48},"p1":{"x":0.4618427902134305,"y":-0.14294638209266008},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"69","x":"712","y":"1327","zOrder":"49"},{"ID":"684","h":"90","measuredH":"89","measuredW":"71","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":71,"y":89},"p1":{"x":0.48146182927638126,"y":0.180473569012403},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"72","x":"700","y":"1347","zOrder":"48"},{"ID":"686","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"176","x":"710","y":"1497","zOrder":"172"},{"ID":"687","measuredH":"25","measuredW":"72","properties":{"size":"17","text":"Webpack"},"typeID":"Label","w":"72","x":"762","y":"1505","zOrder":"173"},{"ID":"688","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"709","y":"1587","zOrder":"174"},{"ID":"689","measuredH":"25","measuredW":"47","properties":{"size":"17","text":"Rollup"},"typeID":"Label","w":"46","x":"774","y":"1595","zOrder":"175"},{"ID":"692","measuredH":"25","measuredW":"109","properties":{"bold":"true","size":"17","text":"Task Runners"},"typeID":"Label","x":"596","y":"1316","zOrder":"181"},{"ID":"693","h":"1","measuredH":"0","measuredW":"56","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":56,"y":0},"p1":{"x":0.4710383049683653,"y":0.007504046299475207},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"57","x":"526","y":"1327","zOrder":"47"},{"ID":"694","measuredH":"25","measuredW":"134","properties":{"bold":"true","size":"17","text":"Module Bundlers"},"typeID":"Label","x":"538","y":"1442","zOrder":"179"},{"ID":"695","h":"118","measuredH":"117","measuredW":"79","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":79,"y":117},"p1":{"x":0.48128449573507276,"y":-0.00873055694932263},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"80","x":"483","y":"1326","zOrder":"46"},{"ID":"697","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"709","y":"1542","zOrder":"176"},{"ID":"698","measuredH":"25","measuredW":"47","properties":{"size":"17","text":"Parcel"},"typeID":"Label","w":"46","x":"774","y":"1550","zOrder":"177"},{"ID":"699","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"177","x":"515","y":"1429","zOrder":"178"},{"ID":"700","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"138","x":"579","y":"1302","zOrder":"180"},{"ID":"701","h":"46","measuredH":"45","measuredW":"75","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":75,"y":45},"p1":{"x":0.5980392156862746,"y":0.2254901960784314},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"76","x":"649","y":"1473","zOrder":"45"},{"ID":"702","h":"93","measuredH":"92","measuredW":"106","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":106,"y":92,"length":140.356688476182},"p1":{"x":0.5242639593908629,"y":0.20030456852791878,"length":0.5612259966264392},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"107","x":"620","y":"1471","zOrder":"44"},{"ID":"703","h":"133","measuredH":"132","measuredW":"123","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":123,"y":132},"p1":{"x":0.4752557367984518,"y":0.20108745737720027},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"124","x":"598","y":"1475","zOrder":"43"},{"ID":"704","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"225","x":"169","y":"1401","zOrder":"182"},{"ID":"705","measuredH":"25","measuredW":"187","properties":{"bold":"true","size":"17","text":"Linters and Formatters"},"typeID":"Label","x":"188","y":"1414","zOrder":"183"},{"ID":"706","h":"94","measuredH":"93","measuredW":"74","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":93},"p1":{"x":0.6083656396653744,"y":0.21440522342379104},"p2":{"x":74,"y":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"75","x":"231","y":"1324","zOrder":"42"},{"ID":"713","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"176","x":"710","y":"1497","zOrder":"187"},{"ID":"714","measuredH":"25","measuredW":"72","properties":{"size":"17","text":"Webpack"},"typeID":"Label","w":"72","x":"762","y":"1505","zOrder":"188"},{"ID":"715","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"709","y":"1587","zOrder":"189"},{"ID":"716","measuredH":"25","measuredW":"47","properties":{"size":"17","text":"Rollup"},"typeID":"Label","w":"46","x":"774","y":"1595","zOrder":"190"},{"ID":"717","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"709","y":"1542","zOrder":"191"},{"ID":"718","measuredH":"25","measuredW":"47","properties":{"size":"17","text":"Parcel"},"typeID":"Label","w":"46","x":"774","y":"1550","zOrder":"192"},{"ID":"729","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"46","properties":{"size":"17","text":"JSCS"},"typeID":"Label","w":"45","x":"66","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"176","typeID":"__group__","w":"176","x":"172","y":"1676","zOrder":"194"},{"ID":"730","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"51","properties":{"size":"17","text":"JSLint"},"typeID":"Label","w":"55","x":"61","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"176","typeID":"__group__","w":"176","x":"172","y":"1631","zOrder":"193"},{"ID":"731","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"176","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"53","properties":{"size":"17","text":"JSHint"},"typeID":"Label","w":"55","x":"65","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"176","typeID":"__group__","w":"176","x":"172","y":"1586","zOrder":"185"},{"ID":"732","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"176","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"52","properties":{"size":"17","text":"ESLint"},"typeID":"Label","w":"52","x":"62","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"176","typeID":"__group__","w":"176","x":"172","y":"1540","zOrder":"186"},{"ID":"733","children":{"controls":{"control":[{"ID":"0","h":"40","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"176","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"59","properties":{"size":"17","text":"Prettier"},"typeID":"Label","w":"58","x":"59","y":"8","zOrder":"1"}]}},"h":"40","measuredH":"40","measuredW":"176","typeID":"__group__","w":"176","x":"172","y":"1495","zOrder":"184"},{"ID":"734","h":"71","measuredH":"70","measuredW":"1","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":1,"y":70,"length":70.00714249274856},"p1":{"x":0.4684719913970086,"y":0.002835076742594586,"length":0.468480569910445},"p2":{"x":1,"y":0,"length":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"260","y":"1444","zOrder":"41"},{"ID":"735","h":"366","measuredH":"365","measuredW":"210","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5220922035809953,"y":-0.1496968842520795},"p2":{"x":210,"y":365},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"211","x":"421","y":"1347","zOrder":"40"},{"ID":"737","h":"92","measuredH":"91","measuredW":"61","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":61,"y":90,"length":108.72442227944924},"p1":{"x":0.3707257501744591,"y":0.3166434054431262,"length":0.4875455138272071},"p2":{"x":3,"y":0,"length":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"62","x":"958","y":"1750","zOrder":"195"},{"ID":"738","h":"22","measuredH":"21","measuredW":"170","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":170,"y":21,"length":171.29214809792072},"p1":{"x":0.473885155772755,"y":0.0022907758094073884,"length":0.4738906925817147},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"171","x":"780","y":"1732","zOrder":"196"},{"ID":"739","h":"3","measuredH":"2","measuredW":"145","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":145,"y":0,"length":145},"p1":{"x":0.4738851557727549,"y":0.002290775809407207,"length":0.4738906925817146},"p2":{"x":0,"y":2,"length":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"146","x":"785","y":"1716","zOrder":"197"},{"ID":"740","h":"115","measuredH":"114","measuredW":"96","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":113},"p1":{"x":0.4250070996795001,"y":-0.2717757312669885},"p2":{"x":96,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"97","x":"1008","y":"1563","zOrder":"198"},{"ID":"741","h":"208","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"205","x":"999","y":"1359","zOrder":"199"},{"ID":"742","h":"32","measuredH":"31","measuredW":"146","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":31},"p1":{"x":0.473885155772755,"y":0.002290775809407396},"p2":{"x":146,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"147","x":"778","y":"1676","zOrder":"200"},{"ID":"743","h":"51","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"223","x":"561","y":"1694","zOrder":"201"},{"ID":"744","measuredH":"26","measuredW":"149","properties":{"bold":"true","size":"18","text":"Pick a Framework"},"typeID":"Label","w":"148","x":"599","y":"1707","zOrder":"202"},{"ID":"746","measuredH":"32","measuredW":"82","properties":{"align":"center","color":"16776960","size":"18","text":"React.js"},"typeID":"TextInput","w":"147","x":"886","y":"1661","zOrder":"203"},{"ID":"747","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16776960","size":"18","text":"Redux"},"typeID":"TextInput","w":"176","x":"1013","y":"1376","zOrder":"204"},{"ID":"748","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16776960","size":"18","text":"MobX"},"typeID":"TextInput","w":"176","x":"1013","y":"1415","zOrder":"205"},{"ID":"749","measuredH":"25","measuredW":"173","properties":{"size":"17","text":"These are not specific"},"typeID":"Label","x":"1013","y":"1457","zOrder":"206"},{"ID":"750","measuredH":"25","measuredW":"166","properties":{"size":"17","text":"to React though, you "},"typeID":"Label","x":"1013","y":"1480","zOrder":"207"},{"ID":"751","measuredH":"25","measuredW":"161","properties":{"size":"17","text":"can use them in any "},"typeID":"Label","x":"1013","y":"1504","zOrder":"208"},{"ID":"752","measuredH":"25","measuredW":"136","properties":{"size":"17","text":"framework or app"},"typeID":"Label","x":"1013","y":"1528","zOrder":"209"},{"ID":"753","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16770457","size":"18","text":"Vue.js"},"typeID":"TextInput","w":"147","x":"886","y":"1736","zOrder":"210"},{"ID":"754","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16770457","size":"18","text":"Angular"},"typeID":"TextInput","w":"147","x":"886","y":"1699","zOrder":"211"},{"ID":"755","measuredH":"32","measuredW":"60","properties":{"align":"center","color":"16776960","size":"18","text":"RxJS"},"typeID":"TextInput","w":"176","x":"1118","y":"1680","zOrder":"212"},{"ID":"756","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"ngrx"},"typeID":"TextInput","w":"176","x":"1118","y":"1716","zOrder":"213"},{"ID":"757","measuredH":"32","measuredW":"55","properties":{"align":"center","color":"16776960","size":"18","text":"Vuex"},"typeID":"TextInput","w":"176","x":"1003","y":"1826","zOrder":"214"},{"ID":"758","h":"21","measuredH":"20","measuredW":"123","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":123,"y":0,"length":123},"p1":{"x":0.473885155772755,"y":0.00229077580940721,"length":0.4738906925817147},"p2":{"x":0,"y":20,"length":20},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"124","x":"1011","y":"1694","zOrder":"39"},{"ID":"759","h":"16","measuredH":"15","measuredW":"123","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":123,"y":15,"length":123.9112585683803},"p1":{"x":0.4738851557727549,"y":0.0022907758094072007,"length":0.4738906925817146},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"124","x":"1017","y":"1718","zOrder":"38"},{"ID":"760","h":"202","measuredH":"201","measuredW":"97","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5495265293852397,"y":0.24395009770028558},"p2":{"x":76,"y":201},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"98","x":"664","y":"1727","zOrder":"37"},{"ID":"761","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"191","x":"613","y":"2065","zOrder":"215"},{"ID":"762","measuredH":"25","measuredW":"146","properties":{"bold":"true","size":"17","text":"Testing your Apps"},"typeID":"Label","x":"636","y":"2078","zOrder":"216"},{"ID":"787","h":"4","measuredH":"3","measuredW":"149","properties":{"color":"2848996","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":149,"y":3},"p1":{"x":0.5424177701836822,"y":0.010081161896625373},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"150","x":"481","y":"2089","zOrder":"36"},{"ID":"795","children":{"controls":{"control":[{"ID":"0","h":"214","measuredH":"140","measuredW":"200","properties":{"color":"3355443","text":""},"typeID":"TextArea","w":"566","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"518","properties":{"color":"15658734","size":"17","text":"Understand the different types of testing i.e. {color:yellow}Unit Tests{color}, {color:yellow}Integration{color}"},"typeID":"Label","w":"524","x":"20","y":"21","zOrder":"1"},{"ID":"2","measuredH":"25","measuredW":"503","properties":{"color":"15658734","size":"17","text":"{color:yellow}Tests{color} and {color:yellow}Functional Tests{color}. Learn different testing concepts and"},"typeID":"Label","w":"509","x":"20","y":"52","zOrder":"2"},{"ID":"3","measuredH":"25","measuredW":"523","properties":{"color":"15658734","size":"17","text":"understand how to write good tests. There are several other options"},"typeID":"Label","w":"525","x":"19","y":"83","zOrder":"3"},{"ID":"4","measuredH":"25","measuredW":"509","properties":{"color":"15658734","size":"17","text":"for testing your applications which aren't mentioned here; however,"},"typeID":"Label","w":"525","x":"19","y":"114","zOrder":"4"},{"ID":"5","measuredH":"25","measuredW":"490","properties":{"color":"15658734","size":"17","text":"you can fulfill all your testing needs with just {color:yellow}Jest{color}, {color:yellow}Enzyme{color} and"},"typeID":"Label","w":"525","x":"19","y":"144","zOrder":"5"},{"ID":"6","measuredH":"25","measuredW":"526","properties":{"color":"15658734","size":"17","text":"{color:yellow}Cypress{color}. Start with these and explore the other options later if reqd."},"typeID":"Label","w":"525","x":"19","y":"173","zOrder":"6"}]}},"h":"214","measuredH":"214","measuredW":"566","typeID":"__group__","w":"566","x":"148","y":"2247","zOrder":"218"},{"ID":"796","h":"202","measuredH":"201","measuredW":"136","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":136,"y":0},"p1":{"x":0.4662412934058671,"y":0.1169098581524226},"p2":{"x":0,"y":201},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"137","x":"527","y":"2096","zOrder":"35"},{"ID":"797","children":{"controls":{"control":[{"ID":"0","measuredH":"32","measuredW":"67","properties":{"align":"center","color":"16770457","size":"18","text":"Mocha"},"typeID":"TextInput","w":"147","x":"0","y":"10","zOrder":"0"},{"ID":"1","measuredH":"32","measuredW":"51","properties":{"align":"center","color":"16770457","size":"18","text":"Chai"},"typeID":"TextInput","w":"147","x":"0","y":"47","zOrder":"1"},{"ID":"2","measuredH":"32","measuredW":"43","properties":{"align":"center","color":"16770457","size":"18","text":"Ava"},"typeID":"TextInput","w":"147","x":"0","y":"85","zOrder":"2"},{"ID":"3","measuredH":"32","measuredW":"69","properties":{"align":"center","color":"16770457","size":"18","text":"Karma"},"typeID":"TextInput","w":"147","x":"0","y":"122","zOrder":"3"},{"ID":"4","measuredH":"32","measuredW":"82","properties":{"align":"center","color":"16770457","size":"18","text":"Jasmine"},"typeID":"TextInput","w":"147","x":"0","y":"160","zOrder":"4"},{"ID":"5","children":{"controls":{"control":[{"ID":"0","h":"239","measuredH":"140","measuredW":"200","properties":{"color":"16777215"},"typeID":"TextArea","w":"194","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"32","measuredW":"84","properties":{"align":"center","color":"16776960","size":"18","text":"Cypress"},"typeID":"TextInput","w":"147","x":"23","y":"92","zOrder":"1"},{"ID":"2","measuredH":"32","measuredW":"50","properties":{"align":"center","color":"16776960","size":"18","text":"Jest"},"typeID":"TextInput","w":"147","x":"23","y":"17","zOrder":"2"},{"ID":"3","measuredH":"32","measuredW":"81","properties":{"align":"center","color":"16776960","size":"18","text":"Enzyme"},"typeID":"TextInput","w":"147","x":"23","y":"54","zOrder":"3"},{"ID":"4","measuredH":"25","measuredW":"154","properties":{"size":"17","text":"You just need these"},"typeID":"Label","x":"16","y":"140","zOrder":"4"},{"ID":"5","measuredH":"25","measuredW":"123","properties":{"size":"17","text":"three to fulfill all"},"typeID":"Label","x":"32","y":"165","zOrder":"5"},{"ID":"6","measuredH":"25","measuredW":"147","properties":{"size":"17","text":"your testing needs"},"typeID":"Label","x":"20","y":"191","zOrder":"6"}]}},"h":"239","measuredH":"239","measuredW":"194","typeID":"__group__","w":"194","x":"164","y":"0","zOrder":"5"},{"ID":"6","measuredH":"32","measuredW":"97","properties":{"align":"center","color":"16770457","size":"18","text":"Protractor"},"typeID":"TextInput","w":"147","x":"1","y":"199","zOrder":"6"}]}},"h":"239","measuredH":"239","measuredW":"358","typeID":"__group__","w":"358","x":"144","y":"1979","zOrder":"217"},{"ID":"808","children":{"controls":{"control":[{"ID":"0","h":"138","measuredH":"140","measuredW":"200","properties":{"color":"3355443"},"typeID":"TextArea","w":"439","x":"0","y":"0","zOrder":"0"},{"ID":"1","children":{"controls":{"control":[{"ID":"0","measuredH":"25","measuredW":"392","properties":{"color":"15658734","size":"17","text":"Before you start this steps, you should have a good"},"typeID":"Label","w":"403","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"395","properties":{"color":"15658734","size":"17","text":"understanding of what single page applications are"},"typeID":"Label","w":"395","x":"0","y":"29","zOrder":"1"},{"ID":"2","measuredH":"25","measuredW":"409","properties":{"color":"15658734","size":"17","text":"how they work and what are some of the positive and"},"typeID":"Label","w":"411","x":"0","y":"57","zOrder":"2"},{"ID":"3","measuredH":"25","measuredW":"347","properties":{"color":"15658734","size":"17","text":"negative aspects of single page applications."},"typeID":"Label","w":"411","x":"0","y":"86","zOrder":"3"}]}},"h":"111","measuredH":"111","measuredW":"411","typeID":"__group__","w":"411","x":"16","y":"14","zOrder":"1"}]}},"h":"138","measuredH":"138","measuredW":"439","typeID":"__group__","w":"439","x":"173","y":"1770","zOrder":"219"},{"ID":"809","h":"103","measuredH":"102","measuredW":"210","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":210,"y":1},"p1":{"x":0.4817959153606748,"y":-0.12695898786394358},"p2":{"x":0,"y":102},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"211","x":"365","y":"1722","zOrder":"34"},{"ID":"810","measuredH":"25","measuredW":"239","properties":{"size":"17","text":"Hosting, Event Bubbling, Scope"},"typeID":"Label","w":"238","x":"191","y":"708","zOrder":"126"},{"ID":"811","measuredH":"25","measuredW":"243","properties":{"size":"17","text":"Prototype, Shadow DOM, strict,"},"typeID":"Label","w":"245","x":"187","y":"737","zOrder":"127"},{"ID":"812","measuredH":"25","measuredW":"197","properties":{"size":"17","text":"Understand the concepts"},"typeID":"Label","w":"202","x":"209","y":"678","zOrder":"128"},{"ID":"822","h":"467","measuredH":"466","measuredW":"116","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":68,"y":0},"p1":{"x":0.6446959215281364,"y":0.19062054723799693},"p2":{"x":0,"y":466},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"117","x":"645","y":"2097","zOrder":"33"},{"ID":"823","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"226","x":"440","y":"2534","zOrder":"220"},{"ID":"824","measuredH":"25","measuredW":"180","properties":{"bold":"true","size":"17","text":"Progressive Web Apps"},"typeID":"Label","x":"463","y":"2547","zOrder":"221"},{"ID":"825","measuredH":"32","measuredW":"150","properties":{"align":"center","color":"16776960","size":"18","text":"Service Workers"},"typeID":"TextInput","w":"176","x":"168","y":"2503","zOrder":"222"},{"ID":"826","measuredH":"32","measuredW":"125","properties":{"align":"center","color":"16776960","size":"18","text":"HTML-5 APIs"},"typeID":"TextInput","w":"176","x":"168","y":"2541","zOrder":"223"},{"ID":"827","measuredH":"32","measuredW":"119","properties":{"align":"center","color":"16776960","size":"18","text":"Performance"},"typeID":"TextInput","w":"176","x":"167","y":"2579","zOrder":"224"},{"ID":"831","h":"44","measuredH":"43","measuredW":"137","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":137,"y":43,"length":143.58969322343438},"p1":{"x":0.46899082568807304,"y":-0.05663608562691128,"length":0.47239818032536846},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"138","x":"320","y":"2520","zOrder":"32"},{"ID":"832","h":"5","measuredH":"4","measuredW":"168","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":168,"y":3,"length":168.02678357928536},"p1":{"x":0.4548350290006664,"y":-0.016306931634496525,"length":0.45512725651774494},"p2":{"x":0,"y":4,"length":4},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"169","x":"286","y":"2560","zOrder":"30"},{"ID":"833","h":"35","measuredH":"34","measuredW":"152","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":152,"y":0,"length":152},"p1":{"x":0.5123934166170927,"y":-0.018044814594487407,"length":0.5127110577374814},"p2":{"x":0,"y":34,"length":34},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"153","x":"327","y":"2565","zOrder":"31"},{"ID":"851","children":{"controls":{"control":[{"ID":"0","h":"284","measuredH":"140","measuredW":"200","properties":{"color":"3355443"},"typeID":"TextArea","w":"449","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"399","properties":{"color":"15658734","size":"17","text":"Again, learn what PWAs are, why were they needed,"},"typeID":"Label","w":"403","x":"16","y":"14","zOrder":"1"},{"ID":"2","measuredH":"25","measuredW":"424","properties":{"color":"15658734","size":"17","text":"how do they help. What are service workers, what is the"},"typeID":"Label","w":"395","x":"16","y":"43","zOrder":"2"},{"ID":"3","measuredH":"25","measuredW":"390","properties":{"color":"15658734","size":"17","text":"the {color:yellow}lifecycle of service worker{color}. Look at the HTML-5"},"typeID":"Label","w":"411","x":"16","y":"71","zOrder":"3"},{"ID":"4","measuredH":"25","measuredW":"412","properties":{"color":"15658734","size":"17","text":"APIs such as {color:yellow}Storage{color}, {color:yellow}Location{color}, {color:yellow}Notifications{color}, {color:yellow}Device-{color}"},"typeID":"Label","w":"411","x":"16","y":"100","zOrder":"4"},{"ID":"5","measuredH":"25","measuredW":"396","properties":{"color":"15658734","size":"17","text":"{color:yellow}Orientation{color}, {color:yellow}Full Screen{color}, {color:yellow}Payments{color} and {color:yellow}Credentials{color}."},"typeID":"Label","w":"411","x":"16","y":"130","zOrder":"5"},{"ID":"6","measuredH":"25","measuredW":"396","properties":{"color":"15658734","size":"17","text":"Learn how to measure and improve performance of"},"typeID":"Label","w":"411","x":"16","y":"157","zOrder":"6"},{"ID":"7","measuredH":"25","measuredW":"390","properties":{"color":"15658734","size":"17","text":"your applications. Read about {color:yellow}PRPL Pattern{color}, {color:yellow}RAIL-{color}"},"typeID":"Label","w":"411","x":"16","y":"186","zOrder":"7"},{"ID":"8","measuredH":"25","measuredW":"384","properties":{"color":"15658734","size":"17","text":"{color:yellow}Model{color}. Understand different {color:yellow}performance metrics,{color}"},"typeID":"Label","w":"422","x":"16","y":"215","zOrder":"8"},{"ID":"9","measuredH":"25","measuredW":"335","properties":{"color":"15658734","size":"17","text":"Learn how to use {color:yellow}Lighthouse{color} and {color:yellow}DevTools{color}."},"typeID":"Label","w":"422","x":"16","y":"244","zOrder":"9"}]}},"h":"284","measuredH":"284","measuredW":"449","typeID":"__group__","w":"449","x":"807","y":"2170","zOrder":"267"},{"ID":"853","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"226","x":"558","y":"2669","zOrder":"225"},{"ID":"854","measuredH":"25","measuredW":"120","properties":{"bold":"true","size":"17","text":"Type Checkers"},"typeID":"Label","x":"611","y":"2682","zOrder":"226"},{"ID":"861","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"248","x":"498","y":"2783","zOrder":"227"},{"ID":"862","measuredH":"25","measuredW":"184","properties":{"bold":"true","size":"17","text":"Server Side Rendering"},"typeID":"Label","x":"530","y":"2796","zOrder":"228"},{"ID":"864","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"116","x":"312","y":"2701","zOrder":"229"},{"ID":"865","measuredH":"25","measuredW":"64","properties":{"size":"17","text":"React.js"},"typeID":"Label","w":"69","x":"335","y":"2709","zOrder":"230"},{"ID":"868","h":"90","measuredH":"89","measuredW":"106","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":106,"y":89,"length":138.4088147481944},"p1":{"x":0.6104670902653149,"y":-0.01503613522820974,"length":0.6106522362684027},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"107","x":"412","y":"2719","zOrder":"5"},{"ID":"871","h":"29","measuredH":"28","measuredW":"87","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0,"length":0},"p1":{"x":0.4835193355826628,"y":0.0072670646249675735,"length":0.48357394275391136},"p2":{"x":87,"y":28,"length":91.39474820797966},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"88","x":"246","y":"2694","zOrder":"28"},{"ID":"872","h":"11","measuredH":"10","measuredW":"92","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":92,"y":10,"length":92.5418824100742},"p1":{"x":0.6165131354486524,"y":-0.02797679972705563,"length":0.6171475897252586},"p2":{"x":0,"y":1,"length":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"93","x":"418","y":"2804","zOrder":"4"},{"ID":"877","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"115","x":"313","y":"2784","zOrder":"231"},{"ID":"878","measuredH":"25","measuredW":"62","properties":{"size":"17","text":"Angular"},"typeID":"Label","w":"62","x":"344","y":"2792","zOrder":"232"},{"ID":"880","h":"4","measuredH":"3","measuredW":"64","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":3,"length":3},"p1":{"x":0.4807692307692308,"y":-0.01923076923076923,"length":0.48115369243064626},"p2":{"x":64,"y":0,"length":64},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"65","x":"260","y":"2801","zOrder":"26"},{"ID":"881","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"97","x":"169","y":"2784","zOrder":"233"},{"ID":"882","measuredH":"25","measuredW":"72","properties":{"size":"17","text":"Universal"},"typeID":"Label","w":"73","x":"181","y":"2792","zOrder":"234"},{"ID":"883","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"94","x":"169","y":"2674","zOrder":"235"},{"ID":"884","measuredH":"25","measuredW":"54","properties":{"size":"17","text":"Next.js"},"typeID":"Label","w":"54","x":"189","y":"2682","zOrder":"236"},{"ID":"885","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"94","x":"169","y":"2721","zOrder":"237"},{"ID":"886","measuredH":"25","measuredW":"55","properties":{"size":"17","text":"After.js"},"typeID":"Label","w":"53","x":"190","y":"2729","zOrder":"238"},{"ID":"893","h":"17","measuredH":"16","measuredW":"72","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":16,"length":16},"p1":{"x":0.4835193355826628,"y":0.007267064624967561,"length":0.48357394275391136},"p2":{"x":72,"y":0,"length":72},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"73","x":"249","y":"2726","zOrder":"27"},{"ID":"894","h":"2","measuredH":"1","measuredW":"64","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0,"length":0},"p1":{"x":0.4807692307692308,"y":-0.01923076923076923,"length":0.48115369243064626},"p2":{"x":64,"y":1,"length":64.00781202322104},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"65","x":"260","y":"2857","zOrder":"239"},{"ID":"895","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"115","x":"313","y":"2837","zOrder":"240"},{"ID":"896","measuredH":"25","measuredW":"46","properties":{"size":"17","text":"Vue.js"},"typeID":"Label","w":"48","x":"347","y":"2845","zOrder":"241"},{"ID":"897","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"97","x":"169","y":"2837","zOrder":"242"},{"ID":"898","measuredH":"25","measuredW":"54","properties":{"size":"17","text":"Nuxt.js"},"typeID":"Label","w":"55","x":"190","y":"2845","zOrder":"243"},{"ID":"899","h":"38","measuredH":"37","measuredW":"107","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":107,"y":1,"length":107.00467279516349},"p1":{"x":0.39756767359748935,"y":-0.06834052569635155,"length":0.40339866452700796},"p2":{"x":0,"y":37,"length":37},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"108","x":"413","y":"2823","zOrder":"3"},{"ID":"901","h":"3","measuredH":"1","measuredW":"121","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":1,"length":1},"p1":{"x":0.4319942611190818,"y":-0.006169296987087517,"length":0.4320383106451745},"p2":{"x":121,"y":0,"length":121},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"123","x":"733","y":"2807","zOrder":"25"},{"ID":"903","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"248","x":"821","y":"2783","zOrder":"244"},{"ID":"904","measuredH":"25","measuredW":"183","properties":{"bold":"true","size":"17","text":"Static Site Generators"},"typeID":"Label","x":"859","y":"2796","zOrder":"245"},{"ID":"905","h":"80","measuredH":"79","measuredW":"73","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":73,"y":0,"length":73},"p1":{"x":0.5527225583405359,"y":0.168971477960242,"length":0.5779736904588093},"p2":{"x":0,"y":79,"length":79},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"74","x":"1056","y":"2730","zOrder":"24"},{"ID":"906","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"147","x":"1069","y":"2690","zOrder":"246"},{"ID":"907","measuredH":"25","measuredW":"77","properties":{"size":"17","text":"GatsbyJS"},"typeID":"Label","w":"78","x":"1104","y":"2698","zOrder":"247"},{"ID":"908","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"210","x":"791","y":"2897","zOrder":"248"},{"ID":"910","h":"95","measuredH":"94","measuredW":"38","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":36,"y":0},"p1":{"x":0.5467857377372116,"y":0.17453542583229367},"p2":{"x":0,"y":94},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"39","x":"891","y":"2814","zOrder":"23"},{"ID":"911","measuredH":"25","measuredW":"171","properties":{"bold":"true","size":"17","text":"Desktop Applications"},"typeID":"Label","x":"813","y":"2911","zOrder":"249"},{"ID":"914","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"188","x":"1074","y":"2860","zOrder":"250"},{"ID":"915","measuredH":"25","measuredW":"64","properties":{"size":"17","text":"Electron"},"typeID":"Label","w":"64","x":"1136","y":"2868","zOrder":"251"},{"ID":"916","h":"36","measuredH":"35","measuredW":"97","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":35,"length":35},"p1":{"x":0.4319942611190818,"y":-0.006169296987087552,"length":0.4320383106451745},"p2":{"x":97,"y":0,"length":97},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"98","x":"984","y":"2886","zOrder":"22"},{"ID":"917","h":"88","measuredH":"87","measuredW":"205","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":205,"y":1,"length":205.00243900988104},"p1":{"x":0.6338600999575079,"y":-0.16347301754314972,"length":0.6546006826935066},"p2":{"x":0,"y":87,"length":87},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"206","x":"618","y":"2921","zOrder":"21"},{"ID":"918","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"210","x":"469","y":"2980","zOrder":"252"},{"ID":"919","measuredH":"25","measuredW":"157","properties":{"bold":"true","size":"17","text":"Mobile Applications"},"typeID":"Label","w":"157","x":"496","y":"2993","zOrder":"253"},{"ID":"920","h":"11","measuredH":"10","measuredW":"174","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0,"length":0},"p1":{"x":0.4319942611190819,"y":-0.006169296987087518,"length":0.4320383106451746},"p2":{"x":174,"y":10,"length":174.28711943227475},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"175","x":"304","y":"2987","zOrder":"20"},{"ID":"921","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"147","x":"169","y":"2962","zOrder":"254"},{"ID":"922","measuredH":"25","measuredW":"100","properties":{"size":"17","text":"React Native"},"typeID":"Label","w":"101","x":"192","y":"2970","zOrder":"255"},{"ID":"923","h":"80","measuredH":"79","measuredW":"269","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":269,"y":79,"length":280.36048223670895},"p1":{"x":0.3554465668559629,"y":-0.1396489416623645,"length":0.38189538986103116},"p2":{"x":0,"y":3,"length":3},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"270","x":"655","y":"3006","zOrder":"19"},{"ID":"924","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"210","x":"825","y":"3068","zOrder":"256"},{"ID":"925","measuredH":"25","measuredW":"118","properties":{"bold":"true","size":"17","text":"Web Assembly"},"typeID":"Label","x":"871","y":"3081","zOrder":"257"},{"ID":"928","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"207","x":"839","y":"3244","zOrder":"258"},{"ID":"929","measuredH":"25","measuredW":"117","properties":{"bold":"true","size":"17","text":"Keep Learning"},"typeID":"Label","x":"884","y":"3257","zOrder":"259"},{"ID":"930","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"188","x":"1075","y":"2909","zOrder":"260"},{"ID":"931","measuredH":"25","measuredW":"104","properties":{"size":"17","text":"Proton Native"},"typeID":"Label","w":"107","x":"1116","y":"2917","zOrder":"261"},{"ID":"932","h":"8","measuredH":"7","measuredW":"103","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0,"length":0},"p1":{"x":0.43199426111908185,"y":-0.006169296987087555,"length":0.43203831064517456},"p2":{"x":103,"y":7,"length":103.23759005323593},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"104","x":"985","y":"2922","zOrder":"18"},{"ID":"933","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"188","x":"1075","y":"2957","zOrder":"262"},{"ID":"934","measuredH":"25","measuredW":"42","properties":{"size":"17","text":"Carlo"},"typeID":"Label","w":"42","x":"1148","y":"2965","zOrder":"263"},{"ID":"935","h":"43","measuredH":"42","measuredW":"98","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0,"length":0},"p1":{"x":0.43199426111908185,"y":-0.006169296987087567,"length":0.43203831064517456},"p2":{"x":98,"y":42,"length":106.62082348209472},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"99","x":"992","y":"2932","zOrder":"17"},{"ID":"936","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"147","x":"169","y":"3008","zOrder":"264"},{"ID":"937","measuredH":"25","measuredW":"95","properties":{"size":"17","text":"NativeScript"},"typeID":"Label","w":"101","x":"192","y":"3016","zOrder":"265"},{"ID":"938","h":"31","measuredH":"30","measuredW":"194","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":30,"length":30},"p1":{"x":0.4319942611190819,"y":-0.006169296987087524,"length":0.4320383106451746},"p2":{"x":194,"y":0,"length":194},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"195","x":"296","y":"3007","zOrder":"16"},{"ID":"948","h":"52","measuredH":"51","measuredW":"214","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":51,"length":51},"p1":{"x":0.4003471278308693,"y":0.12609523012902282,"length":0.41973542836377015},"p2":{"x":214,"y":6,"length":214.0840956259946},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"215","x":"634","y":"3088","zOrder":"15"},{"ID":"949","children":{"controls":{"control":[{"ID":"0","h":"185","measuredH":"140","measuredW":"200","properties":{"color":"3355443","text":""},"typeID":"TextArea","w":"582","x":"0","y":"0","zOrder":"0"},{"ID":"1","measuredH":"25","measuredW":"507","properties":{"color":"15658734","size":"17","text":"Web Assembly or WASM is the binary instructions generated from"},"typeID":"Label","w":"524","x":"20","y":"21","zOrder":"1"},{"ID":"2","measuredH":"25","measuredW":"501","properties":{"color":"15658734","size":"17","text":"high level languages such as Go, C, C++ or Rust. It is faster than"},"typeID":"Label","w":"509","x":"20","y":"52","zOrder":"2"},{"ID":"3","measuredH":"25","measuredW":"530","properties":{"color":"15658734","size":"17","text":"JavaScript and WASM 1.0 has already shipped in the major browsers."},"typeID":"Label","w":"528","x":"19","y":"83","zOrder":"3"},{"ID":"4","measuredH":"25","measuredW":"495","properties":{"color":"15658734","size":"17","text":"It is being touted by some to eventually replace JavaScript but I"},"typeID":"Label","w":"525","x":"19","y":"114","zOrder":"4"},{"ID":"5","measuredH":"25","measuredW":"541","properties":{"color":"15658734","size":"17","text":"seriously doubt that it would happen or see it happening anytime soon."},"typeID":"Label","w":"538","x":"19","y":"144","zOrder":"5"}]}},"h":"185","measuredH":"185","measuredW":"582","typeID":"__group__","w":"582","x":"170","y":"3119","zOrder":"266"},{"ID":"950","h":"166","measuredH":"165","measuredW":"7","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":7,"y":165,"length":165.14841809717706},"p1":{"x":0.4072427393330943,"y":0.009537468626747937,"length":0.40735440595055405},"p2":{"x":0,"y":0,"length":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"8","x":"924","y":"3095","zOrder":"29"},{"ID":"951","h":"89","measuredH":"88","measuredW":"1","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":1,"y":88,"length":88.0056816347672},"p1":{"x":0.40724273933309435,"y":0.00953746862674794,"length":0.4073544059505541},"p2":{"x":1,"y":0,"length":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"934","y":"3273","zOrder":"13"},{"ID":"952","h":"50","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"201","x":"634","y":"1916","zOrder":"268"},{"ID":"953","measuredH":"25","measuredW":"81","properties":{"bold":"true","size":"17","text":"CSS in JS"},"typeID":"Label","x":"694","y":"1929","zOrder":"269"},{"ID":"954","measuredH":"32","measuredW":"176","properties":{"align":"center","color":"16776960","size":"18","text":"Styled Components"},"typeID":"TextInput","w":"217","x":"971","y":"1903","zOrder":"270"},{"ID":"955","measuredH":"32","measuredW":"80","properties":{"align":"center","color":"16770457","size":"18","text":"Emotion"},"typeID":"TextInput","w":"218","x":"971","y":"1981","zOrder":"271"},{"ID":"956","measuredH":"32","measuredW":"125","properties":{"align":"center","color":"16776960","size":"18","text":"CSS Modules"},"typeID":"TextInput","w":"217","x":"971","y":"1942","zOrder":"272"},{"ID":"960","measuredH":"32","measuredW":"76","properties":{"align":"center","color":"16770457","size":"18","text":"Radium"},"typeID":"TextInput","w":"218","x":"971","y":"2020","zOrder":"273"},{"ID":"962","h":"11","measuredH":"10","measuredW":"155","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":10},"p1":{"x":0.47388515577275503,"y":0.0022907758094073837},"p2":{"x":155,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"156","x":"827","y":"1919","zOrder":"14"},{"ID":"963","measuredH":"32","measuredW":"101","properties":{"align":"center","color":"16770457","size":"18","text":"Glamorous"},"typeID":"TextInput","w":"218","x":"972","y":"2059","zOrder":"274"},{"ID":"964","h":"26","measuredH":"25","measuredW":"171","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.47388515577275503,"y":0.0022907758094073837},"p2":{"x":171,"y":25},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"172","x":"822","y":"1934","zOrder":"12"},{"ID":"965","h":"56","measuredH":"55","measuredW":"168","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.47388515577275503,"y":0.0022907758094073837},"p2":{"x":168,"y":55},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"169","x":"822","y":"1941","zOrder":"11"},{"ID":"966","h":"92","measuredH":"91","measuredW":"160","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.47388515577275503,"y":0.0022907758094073837},"p2":{"x":160,"y":91},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"161","x":"824","y":"1945","zOrder":"10"},{"ID":"967","h":"124","measuredH":"123","measuredW":"155","properties":{"color":"2848996","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4738851557727551,"y":0.002290775809407435},"p2":{"x":155,"y":123},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"156","x":"826","y":"1953","zOrder":"9"},{"ID":"968","h":"136","measuredH":"135","measuredW":"39","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":39,"y":0},"p1":{"x":0.5161499405855028,"y":-0.21648482229664037},"p2":{"x":22,"y":135},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"40","x":"685","y":"1949","zOrder":"8"},{"ID":"969","h":"120","measuredH":"119","measuredW":"22","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":15,"y":119},"p1":{"x":0.5939655172413792,"y":0.15258620689655172},"p2":{"x":22,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"23","x":"603","y":"2569","zOrder":"7"},{"ID":"970","h":"157","measuredH":"156","measuredW":"399","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":399,"y":0,"length":399},"p1":{"x":0.4621193546805276,"y":0.10503604177904183,"length":0.4739059696215652},"p2":{"x":0,"y":156,"length":156},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"400","x":"634","y":"2416","zOrder":"6"},{"ID":"971","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"199","x":"919","y":"2569","zOrder":"275"},{"ID":"972","measuredH":"25","measuredW":"85","properties":{"size":"17","text":"TypeScript"},"typeID":"Label","w":"91","x":"973","y":"2577","zOrder":"276"},{"ID":"973","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16770457"},"typeID":"TextArea","w":"199","x":"919","y":"2617","zOrder":"277"},{"ID":"974","measuredH":"25","measuredW":"34","properties":{"size":"17","text":"Flow"},"typeID":"Label","w":"38","x":"1000","y":"2625","zOrder":"278"},{"ID":"975","h":"98","measuredH":"97","measuredW":"179","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":179,"y":0,"length":179},"p1":{"x":0.46899082568807304,"y":-0.05663608562691129,"length":0.47239818032536846},"p2":{"x":0,"y":97,"length":97},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"180","x":"756","y":"2588","zOrder":"2"},{"ID":"976","h":"60","measuredH":"59","measuredW":"175","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":175,"y":0,"length":175},"p1":{"x":0.458687620946461,"y":-0.06321468363337827,"length":0.4630231417935743},"p2":{"x":0,"y":59,"length":59},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"176","x":"766","y":"2636","zOrder":"1"},{"ID":"977","h":"99","measuredH":"98","measuredW":"25","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":98,"length":98},"p1":{"x":0.5340419070756149,"y":-0.2047373215912542,"length":0.5719424178755413},"p2":{"x":9,"y":0,"length":9},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"26","x":"617","y":"2702","zOrder":"0"},{"ID":"978","measuredH":"25","measuredW":"244","properties":{"size":"17","text":"how browsers work, DNS, HTTP"},"typeID":"Label","w":"245","x":"187","y":"767","zOrder":"279"}]},"measuredH":"3362","measuredW":"1326","mockupH":"3315","mockupW":"1182","version":"1.0"}} \ No newline at end of file