In this live coding session, W3C member and front end development expert Lea Verou implements the classic Conway’s Game of Life in the browser using HTML, CSS, and JavaScript. Watch a live coding session in which Lea Verou implements the classic Conway’s Game of Life in the browser using HTML, CSS, and JavaScript. Play by Play is a series where you get a rare view into the workflows and thought processes of top admins, developers, and designers. This is not a planned or rehearsed presentation, but a live, unrehearsed problem solving and troubleshooting session where you see an expert think through issues and design solutions, as they do in the real world every day.
Introduction
Introduction
Data Model and Game Mechanics
Lea’s Travels
Description of Conway’s Game of Life
Initial Strategy and Starting Point
Initial Console Debugging
Neighbor Logic
Death Logic
HTML Game View
Implement the LifeView Object
Grid Styling
Connecting the Interface to the Model
Implementing the ‘next’ Function
Adding Buttons to Run the Simulation
Refining the ‘next’ and ‘autoplay’ Buttons
Simple Controller Functionality
Accessibility and Styling
Using git
Accessibility
Styling
Styling Labels and Rethinking Interactions
Animation
Download Link: Joinfile
http://joinfile.com/ite2oh0uz4er/Play_Play_HTML_CSS__JavaScr.part1.rar.html
http://joinfile.com/gpon60h5ux7a/Play_Play_HTML_CSS__JavaScr.part2.rar.html
http://joinfile.com/ub4ffn9r5guv/Play_Play_HTML_CSS__JavaScr.part3.rar.html
http://joinfile.com/64gp3j55rlu0/Play_Play_HTML_CSS__JavaScr.part4.rar.html
http://joinfile.com/pr4w74ifoihd/Play_Play_HTML_CSS__JavaScr.part5.rar.html
http://joinfile.com/2yc5821bp91w/Play_Play_HTML_CSS__JavaScr.part6.rar.html