Code For Her - Fall 2018 Joslenne Pena Katie O’Leary JavaScript Photo Credit: https://cdn-images-1.medium.com/max/600/1*pixFq7k28LKsABpDNRCjJw.png Code For Her - Fall 2018 Joslenne Pena Katie O’Leary

Meme Worthy https://medium.com/@AnikHasibul/10-google-search- keywords-for-learning-a-new-programming-language-for-free- c814a24a3f34

JavaScript Example Remember this is how JS looks… https://codepen.io/katrienc/pen/EexWEX

What was HTML and CSS for?

Responsible for Form Input Interactivity Special Effects Animation Navigation

The Impact Without JS Exercise Bbc.com Adobe.com Twitter.com Cnn.com Penn State Authentication

Relying on JS Makes site inaccessible Functionality is curtailed; making on the simple features work

Rule of Thumb As designers and developers Be aware with different browser supported features And how JS impacts this… Some websites have complete dependency while others do not

JavaScript Variables Functions Events Conditional Statements methods Loops Libraries Arrays Data Types

What can you do? Writing into an HTML element, using innerHTML. Writing into the HTML output using document.write(). Writing into an alert box, using window.alert().

Project Templates http://jsfiddle.net/5mhqrhwk/3/ ancestry template: http://jsfiddle.net/5mhqrhwk/3/  ancestry template: https://codepen.io/anon/pen/NOXJBR  portfolio template: https://codepen.io/naruthk/full/wrRjKv/  https://codepen.io/naruthk/post/simple-modern-one-page-portfolio-html-theme blog template: https://codepen.io/lcruz/pen/jEwGQm​