Taught CSS Layout, Javascript Conditional Statements and Logical Operators, Introduction to DOM & Events - At Genesys as a Facilitator (Mentor)

Materials

Introduction to DOM & Events

Github with the code

• https://github.com/Maxzeno/genesys

DOM Tree

• https://youtu.be/wRrofv4WUcU

DOM Manipulation

• https://youtu.be/y17RuWkWdn8

Event Listeners

• https://youtu.be/XF1_MlZ5l6M

The Slide

• https://docs.google.com/presentation/d/18ecTjtweX_1fVbDWWrgRlKSrPLIKrRYB_crPnJzoWAw/edit?usp=sharing

Javascript Conditional Statements and Logical Operators

Github with the code

• https://github.com/Maxzeno/genesys

JavaScript Booleans

• https://www.w3schools.com/js/js_booleans.asp

Comparison and Logical Operators

• https://www.w3schools.com/js/js_comparisons.asp

Conditional Statements (if, else if, else)

• https://www.w3schools.com/js/js_if_else.asp

JavaScript Switch Statement

• https://www.w3schools.com/js/js_switch.asp

The Slide

• https://docs.google.com/presentation/d/1HqR7OB0wxJ5syVv4v8O3FTYdx1s513SePoj1mshC-wc/edit?usp=sharing

CSS Layout

Github with the code

• https://github.com/Maxzeno/genesys

Learn css Positioning

• https://www.w3schools.com/css/css_positioning.asp
• https://www.youtube.com/watch?v=MxEtxo_AaZ4&list=LL&index=4&t=20s

Learn css Flexbox

• https://www.youtube.com/watch?v=phWxA89Dy94&list=LL&index=4
• https://www.w3schools.com/css/css3_flexbox.asp

Learn css Grid

• https://www.youtube.com/watch?v=EiNiSFIPIQE&list=LL&index=3&t=262s
• https://www.w3schools.com/css/css_grid.asp

The Slide

• https://docs.google.com/presentation/d/1Hx78xJOtDkf_cftdJYp7InoQyVRiEy-wWKVucuKGsfI/edit#slide=id.g23dd79f24fa_0_39