Bootcamp 2014
Journal & Resources~syamu557 @ CHINATOWN DRAGONS
This page is a intended to lay out everything that I have learned & made during Parsons MFA-DT Bootcamp 2014. The 3-weeks summer intensive course started on July 28, 2014 - Aug 15, 2014 and is divided into 3 main sections which is WEB, DESIGN, and CODE. I would like to give special thanks to our dear teachers, Gabor Tankovics, Daniel Mastretta and Gabriel Gianordoli for the awesome journey. If you're a future MFA-DT student and you're curious about what Bootcamp is, keep scrolling! It's gonna be amazing. Just make sure you have enough sleep before coming here :)
WEB
Slides & eBooks
-
- Day 1: Introduction to the Web (.pdf, 20 slides)
- Day 2: HTML Basic (.pdf, 44 slides)
- Day 4: CSS - Properties and Selectors (.pdf, 26 slides)
- Day 5_1: CSS Positioning & Margins (.pdf, 24 slides)
- Day 5_2: CSS Positioning & Margins (.pdf, 20 slides)
- Day 5_3: Web Design Process (.pdf, 10 slides)
- Day 6: Transitions & Animations (.pdf, 36 slides)
- Day 8: Media on Web (.pdf, 37 slides)
- Day 11: Javascript II (.pdf, 11 slides)
- Week One in Review (.pdf, 76 slides)
- HTML5 Cheat Sheet (.pdf, 129 KB)
- CSS3 Cheat Sheet (.pdf, 120 KB)
- CSS Pocket Reference, 4th Ed (.pdf, 4.1 MB)
Daily Homeworks
- Monday, 28 July 2014 — Post the link of an interesting website - one you’re curious about.
-
http://www.storyandheart.com/
Explanation :
I am curious about website trends nowadays, especially where auto-loop video is being used as ambient background, as showed at the website above. I have never made such thing before, and to me it is interesting to learn what are the best practices – are there special requirements (size, format, etc); how much does these sites consume our bandwidth; how do we put up such thing, are these basically just layers of divs on top of each content, how can we incorporate this with other trend such as parallax scrolling, etc.
- Tuesday, 29 July 2014 — Create a page relating to the Design Assignment.
-
http://a.parsons.edu/~syamu557/homework/
- Wednesday, 30 July 2014 — Create custom stylesheet based on CSSZenGarden.
-
http://a.parsons.edu/~syamu557/csszengarden/
CODE
Slides & eBooks
-
- Day 1: Introduction to CODE (.pdf, 47 slides)
- Day 2: Variables - Storing & Manipulating Data (.pdf, 40 slides)
- Day 3: Images, Simple Animation, Fonts (.pdf, 29 slides)
- Day 4: Conditionals, Custom Function (.pdf, 31 slides)
- Day 5: Geometry 2, Keyboard
Interaction, Booleans (.pdf, 26)
- Reference: 10 PRINT (.pdf, 26)
Daily Homeworks
- OpenProcessing Sketches
-
