Lab-related How-To Videos
Lab 1 (HTML Files, Images, YouTube Videos, and Publishing)
- installing Apps in OS X
- installing Apps in Windows
- preparing part 1 of lab1 in Microsoft Windows
- creating first HTML file with Sublime Text in Microsoft Windows or OS X
- downloading images
- resizing/cropping an image with Fotor
- resizing/cropping an image with OS X Preview
- installing Windows Cyberduck
- publishing a website using Cyberduck
- embedding a YouTube video
- using Chrome Developer Tool
- reset/clear browsers
Lab 2 (Templates, Inspecting, Media Conversion and Editing)
- converting or resizing audio/video formats with Miro Video Converter
- embedding Google Map inside a webpage
- splitting an audio with iTunes
- trimming a video with QuickTime X
- rotating a video with QuickTime X
- trimming a video with Microsoft Windows Movie Maker
- rotating a video with Microsoft Windows Movie Maker
- downloading videos from YouTube or Vimeo
Lab 3 (Mobile-Aware Websites)
- what is CSS
- embedding folders in URLs
- changing web colors
- changing web fonts
- inspecting CSS Box Model
Lab 4 (Javascript Programming)
- how to Use JavaScript Console inside a Browser (an introduction to basic JavaScript programming)
- what is Document Object Model? (how to use JavaScript to manipulate HTML and DOM, part 1 and part 2)