Loading Events

« All Events

Coding for Beginners: Intro to HTML & CSS, Building a Memory Game; Part I

June 29 @ 6:00 pm - 7:30 pm

Join Flatiron School as one of our Lead Software Engineering instructors guides you through Part One of this AMAZING Two Part series. During this beginners workshop you’ll learn the basic building blocks of building a memory game and how to style it while completing a series of challenges to help you master your new skills.

Part One – You will learn: 6/29/2022

  • How to develop a memory game with HTML, CSS, and JS at a beginner level
  • HTML: Tags, elements, and attributes
  • CSS: Using selectors to style your website via colors, borders, and sizes
  • JS: Some simple Javascript commands so you can feel like a real pro, and take your first baby steps in web development and software engineering

Part Two – We will cover: 7/6/2022

  • More JavaScript Intensive
  • Explaining Event Handling and knowing how to handle the functionality of clicking logging our user inputs
  • Creating the randomizer for the Simon pattern
  • Incrementing the score only if you are correct
  • Resetting the Score if it is Game Over
  • End Goal: Have the Simon Game Working and keeping track of a score

You will leave with the core concepts of HTML (tags, elements, and attributes), and the basics of CSS (selectors, properties, and values) and some Javascript. All your work will be in a platform that will allow you to code along with your instructor and you can continue to work on it after you leave!

** Don’t forget this is a Two Part series, Part Two will be Wednesday July 6, 2022 at 6pm EST! You can sign up for this additional event here. **

Who is the workshop for?
No experience is required to attend! This is a no-strings-attached opportunity for you to gain knowledge about web development and find out if software engineering is something you’re passionate about. Just show up, and learn something new!

Venue

Online event

Leave a Reply

Your email address will not be published. Required fields are marked *

Post comment