JavaScript Best Practices: Understanding Impact and Implementation
Explore the significance of JavaScript in web development, covering topics such as HTML and CSS integration, JavaScript functions, browser compatibility, and site accessibility. Learn about the dependencies, variables, events, and project templates to enhance your coding skills.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Photo Credit: https://cdn-images- 1.medium.com/max/600/1*pixFq7k2 8LKsABpDNRCjJw.png JavaScript 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
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: 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
