Update frontend roadmap

.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+._*
+Thumbs.db
+*.sublime-project
+*.sublime-workspace
+.idea

README.md

@@ -25,7 +25,7 @@ If you think that these can be improved in anyway, please do suggest.
 
 ## 🎨 Front-end Roadmap
 
-![](https://i.imgur.com/WrfLESm.png)
+![](https://i.imgur.com/HwRpFz7.jpg)
 
 ## 👽 Back-end Roadmap
 

project-files/frontend-map.json

@@ -1 +1 @@
-{"mockup":{"controls":{"control":[{"ID":"0","measuredH":"40","measuredW":"149","properties":{"bold":"true","size":"32","text":"Front-end"},"typeID":"Label","x":"546","y":"312","zOrder":"0"},{"ID":"1","h":"74","measuredH":"73","measuredW":"18","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":8,"y":0},"p1":{"x":0.4589494163424125,"y":0.1931906614785992},"p2":{"x":0,"y":73},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"19","x":"620","y":"238","zOrder":"1"},{"ID":"2","h":"58","measuredH":"57","measuredW":"11","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":3,"x":3,"y":0},"p1":{"length":0.4752342503759221,"x":0.4639175257731959,"y":-0.10309278350515466},"p2":{"length":58.05170109479997,"x":11,"y":57},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"12","x":"608","y":"368","zOrder":"2"},{"ID":"3","measuredH":"26","measuredW":"147","properties":{"bold":"true","size":"18","text":"Learn the Basics"},"typeID":"Label","x":"572","y":"435","zOrder":"3"},{"ID":"4","h":"98","measuredH":"97","measuredW":"17","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":4,"y":0},"p1":{"x":0.47967479674796737,"y":0.1544715447154471},"p2":{"x":0,"y":97},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"18","x":"636","y":"473","zOrder":"4"},{"ID":"5","measuredH":"32","measuredW":"63","properties":{"align":"center","color":"16776960","size":"18","text":"HTML"},"typeID":"TextInput","w":"103","x":"403","y":"488","zOrder":"5"},{"ID":"6","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"CSS"},"typeID":"TextInput","w":"103","x":"403","y":"547","zOrder":"6"},{"ID":"7","measuredH":"32","measuredW":"101","properties":{"align":"center","color":"16776960","size":"18","text":"JavaScript"},"typeID":"TextInput","w":"102","x":"403","y":"598","zOrder":"7"},{"ID":"10","h":"57","measuredH":"56","measuredW":"109","properties":{"color":"2848996","curvature":"0","direction":"top","p0":{"length":0,"x":0,"y":0},"p1":{"length":0.4124001894134802,"x":0.41239928081507593,"y":0.0008656855563694176},"p2":{"length":122.54386969571348,"x":109,"y":56},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"110","x":"518","y":"508","zOrder":"8"},{"ID":"11","h":"11","measuredH":"10","measuredW":"115","properties":{"color":"2848996","curvature":"1","direction":"top","p0":{"length":1,"x":0,"y":1},"p1":{"length":0.39856406750964574,"x":0.39823587063051297,"y":0.016171185886965058},"p2":{"length":115.43396380615197,"x":115,"y":10},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"116","x":"514","y":"563","zOrder":"9"},{"ID":"12","h":"29","measuredH":"28","measuredW":"99","properties":{"color":"2848996","curvature":"1","direction":"bottom","p0":{"length":28,"x":0,"y":28},"p1":{"length":0.5728876708569787,"x":0.5727916863486066,"y":-0.010486537553141368},"p2":{"length":99,"x":99,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"100","x":"519","y":"585","zOrder":"10"},{"ID":"13","h":"61","measuredH":"60","measuredW":"10","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":10,"x":10,"y":0},"p1":{"length":0.5310742620768895,"x":0.5188679245283019,"y":-0.11320754716981138},"p2":{"length":60.207972893961475,"x":5,"y":60},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"11","x":"623","y":"585","zOrder":"11"},{"ID":"14","measuredH":"26","measuredW":"134","properties":{"bold":"true","size":"18","text":"Getting Deeper"},"typeID":"Label","x":"583","y":"655","zOrder":"12"},{"ID":"15","h":"71","measuredH":"70","measuredW":"20","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":18,"y":0},"p1":{"x":0.4585365853658537,"y":0.12682926829268293},"p2":{"x":0,"y":70},"rightArrow":"true","shape":"bezier"},"typeID":"Arrow","w":"21","x":"629","y":"686","zOrder":"13"},{"ID":"16","measuredH":"32","measuredW":"52","properties":{"align":"center","color":"16776960","size":"18","text":"CSS"},"typeID":"TextInput","w":"103","x":"743","y":"779","zOrder":"14"},{"ID":"17","h":"23","measuredH":"22","measuredW":"109","properties":{"color":"2848996","curvature":"-1","direction":"top","p0":{"x":109,"y":22},"p1":{"x":0.5727916863486068,"y":-0.01048653755314126},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"110","x":"630","y":"756","zOrder":"15"},{"ID":"18","measuredH":"32","measuredW":"262","properties":{"align":"center","color":"16776960","size":"18","text":"Responsive Web Development"},"typeID":"TextInput","w":"171","x":"854","y":"688","zOrder":"16"},{"ID":"19","h":"75","measuredH":"74","measuredW":"64","properties":{"color":"2848996","curvature":"1","direction":"bottom","p0":{"x":64,"y":0},"p1":{"x":0.44180269694819024,"y":-0.19481902058197303},"p2":{"x":0,"y":74},"rightArroLine truncated
+{"mockup":{"controls":{"control":[{"ID":"0","measuredH":"40","measuredW":"149","properties":{"bold":"true","size":"32","text":"Front-end"},"typeID":"Label","x":"563","y":"121","zOrder":"59"},{"ID":"1","h":"74","measuredH":"73","measuredW":"18","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":8,"y":0,"length":8},"p1":{"x":0.45894941634241254,"y":0.19319066147859923,"length":0.49795300826843075},"p2":{"x":0,"y":73,"length":73},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"19","x":"637","y":"47","zOrder":"60"},{"ID":"2","h":"61","measuredH":"60","measuredW":"15","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":2,"y":0,"length":2},"p1":{"x":0.46391752577319545,"y":-0.10309278350515459,"length":0.4752342503759216},"p2":{"x":15,"y":60,"length":61.84658438426491},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"16","x":"626","y":"177","zOrder":"61"},{"ID":"3","measuredH":"26","measuredW":"147","properties":{"bold":"true","size":"18","text":"Learn the Basics"},"typeID":"Label","x":"589","y":"244","zOrder":"62"},{"ID":"21","measuredH":"25","measuredW":"168","properties":{"bold":"true","size":"17","text":"Basics of JavaScript"},"typeID":"Label","x":"589","y":"424","zOrder":"71"},{"ID":"24","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"556","y":"424","zOrder":"72"},{"ID":"25","measuredH":"25","measuredW":"118","properties":{"bold":"true","size":"17","text":"Basics of CSS"},"typeID":"Label","x":"589","y":"378","zOrder":"67"},{"ID":"26","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"555","y":"378","zOrder":"68"},{"ID":"27","measuredH":"25","measuredW":"100","properties":{"bold":"true","size":"17","text":"Learn HTML"},"typeID":"Label","x":"589","y":"330","zOrder":"63"},{"ID":"28","measuredH":"24","measuredW":"24","properties":{"color":"10027263","icon":{"ID":"circle","size":"small"}},"typeID":"Icon","x":"555","y":"330","zOrder":"64"},{"ID":"29","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"1"},"typeID":"Label","x":"563","y":"332","zOrder":"65"},{"ID":"30","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"2"},"typeID":"Label","w":"10","x":"563","y":"380","zOrder":"69"},{"ID":"31","measuredH":"21","measuredW":"10","properties":{"bold":"true","color":"16777215","text":"3"},"typeID":"Label","w":"10","x":"564","y":"426","zOrder":"73"},{"ID":"33","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"322","zOrder":"58"},{"ID":"34","h":"55","measuredH":"54","measuredW":"9","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":3,"y":0,"length":3},"p1":{"x":0.510715363718684,"y":0.13884696649562314,"length":0.529252928988914},"p2":{"x":0,"y":54,"length":54},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"10","x":"655","y":"277","zOrder":"43"},{"ID":"36","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"543","y":"370","zOrder":"66"},{"ID":"40","h":"41","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"250","x":"544","y":"417","zOrder":"70"},{"ID":"44","h":"23","measuredH":"22","measuredW":"48","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":48,"y":0,"length":48},"p1":{"x":0.4652789342214823,"y":-0.001332223147377283,"length":0.46528084148049004},"p2":{"x":0,"y":22,"length":22},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"49","x":"792","y":"320","zOrder":"57"},{"ID":"45","measuredH":"25","measuredW":"322","properties":{"size":"17","text":"Don't worry about making them pretty yet"},"typeID":"Label","x":"858","y":"363","zOrder":"114"},{"ID":"46","h":"4","measuredH":"3","measuredW":"59","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":59,"y":0,"length":59},"p1":{"x":0.4929203539823009,"y":-0.006194690265486749,"length":0.4929592777882592},"p2":{"x":0,"y":3,"length":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"60","x":"794","y":"347","zOrder":"56"},{"ID":"47","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":"115"},{"ID":"48","h":"49","measuredH":"48","measuredW":"61","properties":{"color":"2848996","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":61,"y":0,"length":61},"p1":{"x":0.45522128005575574,"y":-0.054942502032756454,"length":0.45852490918729844},"p2":{"x":0,"y":48,"length":48},"rightArrow":"false",Line truncated