Learn to Build iOS apps, Android apps, Games and Websites!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Basic one page website

Lecture 1: 01. Introduction to the basic one page website

Lecture 2: 02. Setting up an image

Lecture 3: 03. Selecting a coffee bean image

Lecture 4: 04. Setting up a column

Lecture 5: 05. Adding in latin text and the other columns

Lecture 6: 06. Setting up the body CSS

Lecture 7: 07. Adding in the h1 and h2 css

Lecture 8: 08. Changing the header

Lecture 9: 09. Formating the header tag

Lecture 10: 10. Adding in the banner tag

Lecture 11: 11. Making the 3 columns work

Lecture 12: 12. Fixing the image

Lecture 13: 13. Changing the text and talking about the letters

Lecture 14: 14. Challenge – Add links to the website

Chapter 3: Making a minimalist website

Lecture 1: 01. Making a minimalist website

Lecture 2: 02. Adding in the columns

Lecture 3: 03. Adding in a background color

Lecture 4: 04. Adding in the header code

Lecture 5: 05. Adding in the columns

Lecture 6: 06. Testing boundaries and fixing the logo

Lecture 7: 07. Adding in the code for the fontawesome

Lecture 8: 09. Adding in an item using FontAwesome

Lecture 9: 10. Adding in the icons to the columns

Lecture 10: 11. Changing the header2 text

Lecture 11: 12. Changing the margins of the entire page and talking about color

Lecture 12: 13. Adding in a splash of color and span tags

Lecture 13: 14. Adding in the font awesome icons that make sense

Lecture 14: 15. Challange – Find a different color scheme

Chapter 4: Learn to make a bigger website

Lecture 1: 01. Introduction to making a bigger website

Lecture 2: 02. Adding in the div tags

Lecture 3: 03. Adding in the body CSS

Lecture 4: 04. Adding in the header css

Lecture 5: 05. Adding in the div section formatting

Lecture 6: 06. Adding in the columns

Lecture 7: 07. Adding in a full width background color

Lecture 8: 08. Adding the dimensions to the paragraphs

Lecture 9: 09. Adding full width to the paragraph sections

Lecture 10: Animations needed for Video gamea

Lecture 11: 11. Adding in the font awesome logic

Lecture 12: 12. Adding in the font awesome SVG graphics

Lecture 13: 13. Changing the icons

Lecture 14: 14. Changing the H2 to look better

Lecture 15: 15. Changing the paragraph text

Lecture 16: 16. Adding a span to the title

Lecture 17: 17. Adding in the second span tag

Lecture 18: 18. Challenge – Add another div tag to the project

Chapter 5: Learn to make an HTML 5 video website

Lecture 1: 01. Introduction to the extended video background website

Lecture 2: 02. Adding in the text

Lecture 3: 03. Adding in the video

Lecture 4: 04. Adding in the video CSS

Lecture 5: 05. Adding in the body and header CSS

Lecture 6: 06. Adding in the container CSS

Lecture 7: 07. Adding padding to the page

Lecture 8: 08. Adding a div tag to make the backgrounds work

Lecture 9: 09. Fixing the background video so that it doesn't stretch

Lecture 10: 10. Selecting the background color

Lecture 11: 11. Adding in the text color to the paragraph div

Lecture 12: 12. Picking the colors of the website

Lecture 13: 13. Adding in the HR code

Lecture 14: 14. Challenge – find a different color scheme that works with this background

Chapter 6: Make a drag and drop game

Lecture 1: 01. Introduction to the drag and drop game

Lecture 2: 02. Adding in a background and talking about colors

Lecture 3: 03. Adding in game Sprites

Lecture 4: 04. Adding in the blocks

Lecture 5: 05. Adding in the drag blocks

Lecture 6: 06. Adding in the drag and drop

Lecture 7: 07. Testing the game

Lecture 8: 08. Adding in the drop logic

Lecture 9: 09. Making the drag go to the correct box

Lecture 10: 10. Adding in the contiuation mechanic

Lecture 11: 11. Adding in a order mechanic

Lecture 12: 12. Adding a randomize feature

Lecture 13: 13. Adding in the timer GUI part 1

Lecture 14: 13a. Adding in the timer GUI part 2

Lecture 15: 14. Rotating the Squares

Lecture 16: 15. Adding in a HUD

Lecture 17: 16. Adding in the cycles logic

Lecture 18: 17. Adding player incentives

Lecture 19: 18. Adding in the bonus text

Lecture 20: 19. Changing the Squares to circles

Lecture 21: 20. Adding in rounded borders

Lecture 22: 21. Adding in some helpful hints

Lecture 23: 22. Adding animation to the dots

Lecture 24: 23. Adding the animations to the other bubles

Lecture 25: 24. Adding the animation to another part of the game

Lecture 26: 25. One final animation detail

Lecture 27: 26. Adding in a game Over Screen

Lecture 28: 27. Adding in game over logic and buttons

Lecture 29: 28. Setting up the play again button and best score logic

Lecture 30: 29. Adding browser feature

Lecture 31: 30. Adding in twitter

Lecture 32: 31. Adding in the buttons to the menu screen

Lecture 33: 32. Adding a tutorial to the main screen