Make my study guide for a password generator project:

[chefkeii]

My study guide for a password generator project:

Study HTML and CSS Basics:

• Understanding HTML structure, elements and attributes.
• CSS basics, styling HTML elements and creating a layout.
• W3Schools HTML and CSS tutorials (https://www.w3schools.com/html/html_intro.asp, https://www.w3schools.com/css/css_intro.asp)
• FreeCodeCamp HTML and CSS tutorials (https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/ https://www.freecodecamp.org/learn/responsive-web-design/basic-css/)

Study JavaScript Basics:

• Understanding Variables, Arrays, Loops, Conditional statements and Functions.
• JavaScript events and DOM manipulation.
• FreeCodeCamp JavaScript tutorials (https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/)

Study Advanced JavaScript and DOM manipulation:

• Understanding Math and String objects in JavaScript.
• Generating random numbers and strings.
• Creating and manipulating elements in the DOM using JavaScript.
• W3Schools JavaScript tutorials (https://www.w3schools.com/js/js_math.asp, https://www.w3schools.com/js/js_string_methods.asp, https://www.w3schools.com/js/js_dom_create.asp)

Study Resources for password security and best practices:

• OWASP password storage cheatsheet (https://cheatsheetseries.owasp.org/cheatsheets/Password_Storage_Cheat_Sheet.html)

• Google’s Password Security Design Guidelines (https://www.usenix.org/legacy/events/sec08/tech/full_papers/dwang/dwang_html/)

  Study Online Tools and resources:

• CodePen (https://codepen.io/) for testing and collaboration.
• GitHub (https://github.com/) for version control and sharing code with others.
• Browser DevTools (press F12 in your browser) for debugging and understanding the HTML/CSS/JS structure.

Note: This guide is just a starting point for me. I will continue to look for additional resources and help from TA’s, class members and online to get a better understanding of the topics.