Web+Animation+Semester+2+2015

This course focuses on HTML5 and the Bootstrap framework. HTML5, the new web standard that has been adopted by Apple, Google and many others, lets web developers create advanced graphics, typography, animations and transitions without relying on third party browser plug-ins. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Students will be exposed to the original framework and many other extensions offered to make Bootstrap even more powerful.

= Block 2B - E201 =

Quarter 3 Presentation Slides
===Quarter 4 Presentation Slides ===



** Daily Activities **

>>> >>> { >>> >>> background-color:black; >>> >>> height: 40px; >>> >>> width:960px; >>> >>> color: white; >>> >>> padding: 20px; >>> >>> position: fixed; >>> >>> bottom: 0px; >>> >>> margin: 0px auto; >>> >>> } >>> >>> __**New Jersey Core Curriculum Content Standards**__ (covered daily) 6.3 (Social Studies; Active Citizenship in the 21st needed to be active, informed citizens who value diversity and promote cultural understanding by  working collaboratively to address the challenges that are inherent in living in an interconnected  world.  • 8.1 (Technology, Educational Technology): All students will use digital tools to access, manage,  evaluate, and synthesize information in order to solve problems individually and collaboratively  and to create and communicate knowledge.  • 9.1 (21st-Century Life and Careers, 21st-Century Life & Career Skills): All students will  demonstrate the creative, critical thinking, collaboration, and problem-solving skills needed to  function successfully as both global citizens and workers in diverse ethnic and organizational  cultures.  • 9.2 (21st-Century life and Careers, Personal Financial Literacy) All students will develop skills  and strategies that promote personal and financial responsibility related to financial planning, savings, investment, and charitable giving in the global economy. • 9.3 (21st-Century Life and Careers, Career Awareness, Exploration & Preparation): All students will apply knowledge about and engage in the process of career awareness, exploration, and preparation in order to navigate the globally competitive work environment of the information age.
 * ** QUARTER 3 ** ||  ||
 * **Date** || **Classwork** ||
 * 2-3-15 || * Go to [|code.org] and watch the introduction video. Students should create an account then do at least two tutorials of their choice under the learn tab. ||
 * 2-5-15 || * Do Now: Assign seats
 * Introductions
 * Introduce Class Wiki
 * Tech Survey
 * Course Expectations
 * Closure: What are your expectations from this course? ||
 * 2-9-15 || * Do Now: Read the following article
 * Which Coding Language is Right for You?
 * Class Discussion on article
 * Explore School Email
 * Explore Google Drive
 * Explore Google Documents
 * Create Shared Folder
 * Closing Activity: Ice Breaker - 20 Questions Character Game ||
 * 2-11-15 || * Do Now: Explore 'Learn Web Design' eBook
 * Introduce Codecademy
 * Demo: Creating and hosting your own webpage and introduction to HTML
 * HTML Video Tutorials
 * Closure: Try it yourself ||
 * 2-13-15 || * Do Now: Read 'Student of the Week: “Computer Science projects are opportunities, not assignments.”'
 * Continue Codecademy
 * Demo: More on tags
 * Introduce Video Tutorials
 * Name HTML Files in the following format: htmlcss1settingupthehtmlfile.html
 * Closing Activity: Create a new folder inside your 'Websites' folder and name it 'HTML and CSS Tutorials'. Make sure the folder is set to 'Public on the Web'. Follow along each video and create a webpage for each one. Pause the video while you code ||
 * 2-19-15 || * Intro to Web Students: Continue the Codecademy course
 * You should finish the Make a Website Course by next class. Finish for homework if necessary.
 * Continue to the Make an Interactive Website if you finish early
 * Rest of class: Continue HTML Video Tutorials
 * You should finish videos 1-4 by next class. Finish for homework if necessary.
 * Continue to the next videos if you finish early ||
 * 2-23-15 || * Do Now: Watch and discuss Made with Code Mentors video
 * Intro to Web Students: Continue the Codecademy course
 * You should be finished with the Make a Website Course. Begin Make an Interactive Website Course.
 * Go on to the Make a Rails App Course if you finish early
 * Rest of class: Continue HTML Video Tutorials
 * You should be finished with videos 1-4. Continue on to video 5 - 8.
 * HW: Videos 5 & 6 should be done for homework if you are not able to finish them in class. ||
 * 2-25-15 || * Do Now: Watch and discuss Made with Code Mentors video
 * Intro to Web Students: Continue the Codecademy course
 * Continue Make an Interactive Website Course.
 * Go on to the Make a Rails App Course if you finish early
 * Rest of class: Continue HTML Video Tutorials
 * Continue on to videos 7 - 9. Video 9 is the first CSS Video Tutorial
 * Begin CSS Video Tutorials if you finish early
 * HW: Videos 7 - 9 should be done for homework if you are not able to finish them in class. ||
 * 2-27-15 || * Do Now: Read 'Zen and the art of coding'
 * Intro to Web Students: Continue the Codecademy course
 * Continue the Make an Interactive Website Course.
 * Go on to the Make a Rails App Course if you finish early
 * Rest of class: Continue HTML Video Tutorials
 * Introduction to CSS
 * Continue CSS Video Tutorials series. Work on videos 10 - 13
 * HW: Videos 10 - 13 should be done for homework if you are not able to finish them in class.
 * Closure: How is CSS different than HTML? ||
 * 3-3-15 || * Do Now: Watch and discuss Made with Code Mentors video
 * Intro to Web Students: Continue the Codecademy course
 * Continue Make an Interactive Website Course.
 * Go on to the Make a Rails App Course if you finish early
 * Rest of class: Continue HTML Video Tutorials
 * Continue CSS Video Tutorials series. Work on videos 14 - 18
 * HW: Videos 14 - 18 should be done for homework if you are not able to finish them in class.
 * Closure: What are the different types of CSS and how do they differ? ||
 * 3-9-15 || * Do Now: Read and discuss South Brunswick School District Acceptable Use Policy
 * All Students: **Full Website Project**
 * Based on CSS Video Tutorial 19 you are going to create a full website. Make the site about a famous actor or musician.... Make sure you follow the school's AUP which means you cannot use your full name on a digital project that is public including a website. You can use your first name but not your last and do not use any personal pictures of yourself. Your home page should be an introduction of the celebrity. You can choose the topics of the other pages in your website. Some ideas can be a description of movies they've been in or albums they've released. The last page should be a page with links to the celebrity's social media accounts. (If they don't have one then just link to a fan's social media account. You should have a home page and at least three sub pages. For a homepage and three sub pages you will earn up to an 80%. For every other sub page you will earn an extra 5%.
 * Make sure you are using external css: 
 * Example:
 * Home Page - Taylor Swift Fan Page
 * Sub Page - Red
 * Sub Page - 1989
 * Sub Page - Taylor Swift Social Media Links
 * Closure: What advantages does using external css offer? ||
 * 3-11-15 || * Do Now: Read PicMonkey Online Photo Editor
 * Introduce and Install PicMonkey
 * Introduce tinyurl.com
 * All Students: Continue ** Full Website Project **
 * Closure: In what ways can you use PicMonkey? ||
 * 3-13-15 || * Do Now: Read latest blog post from Code.org's tumblr page on musician Katy Goodman
 * Introduce Embedding YouTube Videos
 * Continue **Full Website Project**
 * **Due 3-19**
 * Closure: How do you embed YouTube videos? ||
 * 3-17-15 || * Do Now: Read ' NOT THAT KIND OF PYTHON: HOW AN INDIE ROCK STAR BECAME A CODER'
 * Demo: How to Keep Footer Bar on Bottom of the Page & Add Title on Tab
 * CSS Code for Positioning Footer Bar on the bottom:
 * #footer
 * Continue **Full Website Project**
 * Today is the last class day to work on your project. If you do not finish it in class today you will need to finish it for homework. No extra time will be given during class
 * **Due 3-19**
 * **HW: Finish Full Website Project** ||
 * 3-19-15 || * Do Now: Fill out the following form to submit and share your Full Website Project. Then click the link to view all the other submissions and take a look at your classmate's websites. Feel free to discuss each other's websites with each other to give compliments and feedback
 * Full Website Project Form
 * Read: How to Use Font Awesome Twitter Bootstrap Icons in WordPress
 * Discover: Font Awesome Icons and how to create Social Media Buttons
 * Closing Activity: Add Font Awesome Icons and Social Media Buttons to your website
 * HW: Finish adding Font Awesome Icons and Social Media Buttons to your website ||
 * 3-23-15 || * Do Now: Read ' 11 Reasons to Use Twitter Bootstrap '
 * Introduce Responsive Websites and Bootstrap
 * Watch each Bootstrap Tutorial to create your website
 * Come up with your own content. You are going to build a portfolio website. Make a website about yourself that shows off your skills and hobbies. Use the Bootstrap tutorials to help you make your portfolio website.
 * [|Watch: Build a Responsive Bootstrap 3 Site]
 * [|Watch: Create Responsive Collapsing Navbar]
 * Closure: What is a responsive website? ||
 * 3-25-15 || * Watch each Bootstrap Tutorial to create your website
 * **Portfolio Website** **Project**- Come up with your own content. You are going to build a portfolio website. Make a website about yourself that shows off your skills and hobbies. If you feel that you do not yet have enough skills our hobbies then use skills and hobbies you expect yourself to have by the time you graduate from college. Use the Bootstrap tutorials to help you make your portfolio website.
 * **Brand Website** **Project**- Come up with your own content. Your site should be a brand website as if you are the web designer for a company. Examples: Nike, Playstation, Apple, etc. Use the Bootstrap tutorials to help you make your portfolio website.
 * Grading:
 * To earn an 80% - you must have a responsive collapsing navigation bar, a sticky footer bar, and a Contact Me popup box on all pages. Your home page should have a jumbotron and a responsive grid system. You should have two article pages filled with text, at least one picture, and an article sidebar.
 * Earn an extra 5% per extra articles page you create. These extra articles pages should also be accessible through the navigation bar. Your extra article pages should also be filled with text and at least one picture.
 * [|Watch: Build a Responsive Bootstrap 3 Site]
 * [|Watch: Create Responsive Collapsing Navbar] ||
 * 3-27-15 || * Continue __**Portfolio or Brand Website Project**__
 * ** Portfolio Website ** ** Project ** - Come up with your own content. You are going to build a portfolio website. Make a website about yourself that shows off your skills and hobbies. If you feel that you do not yet have enough skills our hobbies then use skills and hobbies you expect yourself to have by the time you graduate from college. Use the Bootstrap tutorials to help you make your portfolio website.
 * **Brand Website** **Project**- Come up with your own content. Your site should be a brand website as if you are the web designer for a company. Examples: Nike, Playstation, Apple, etc. Use the Bootstrap tutorials to help you make your portfolio website.
 * Grading:
 * To earn an 80% - you must have a responsive collapsing navigation bar, a sticky footer bar, and a Contact Me popup box on all pages. Your home page should have a jumbotron and a responsive grid system. You should have two article pages filled with text, at least one picture, and an article sidebar.
 * Earn an extra 5% per extra articles page you create. These extra articles pages should also be accessible through the navigation bar. Your extra article pages should also be filled with text and at least one picture.
 * Watch: Create Sticky Footer That Appears in the Browser Viewport
 * Watch: Jumbotrons ||
 * 4-7-15 || * Do Now: Read 'Who Needs to Know How to Code' and create a document in your shared folder called 'Do Now Log'. Copy and paste the following reflection questions and then answer them in your Do Now Log.
 * How old is Nick Wald and what tech skills has he learned? Given what Nick can do at his age and knowing what you know about web design so far, describe your interest in learning more about web design and even learning app design?
 * At the Center for Talented Youth, how many students signed up for Introduction to Web Design in 2009 and how many signed up in 2014? Why do you think there was such a dramatic change?
 * Continue __**Portfolio or Brand Website Project**__
 * **Portfolio Website** **Project** - Come up with your own content. You are going to build a portfolio website. Make a website about yourself that shows off your skills and hobbies. If you feel that you do not yet have enough skills our hobbies then use skills and hobbies you expect yourself to have by the time you graduate from college. Use the Bootstrap tutorials to help you make your portfolio website.
 * **Brand Website** **Project**- Come up with your own content. Your site should be a brand website as if you are the web designer for a company. Examples: Nike, Playstation, Apple, etc. Use the Bootstrap tutorials to help you make your portfolio website.
 * Grading:
 * To earn an 80% - you must have a responsive collapsing navigation bar, a sticky footer bar, and a Contact Me popup box on all pages. Your home page should have a jumbotron and a responsive grid system. You should have two article pages filled with text, at least one picture, and an article sidebar.
 * Earn an extra 5% per extra articles page you create. These extra articles pages should also be accessible through the navigation bar. Your extra article pages should also be filled with text and at least one picture.
 * [|Watch: Responsive Grid System]
 * [|Watch: Popup Boxes]
 * Watch: Beginning The Article Page
 * Closing Activity: Finish your home page and begin your first article page by following along with each video ||
 * 4-9-15 || * Finish __**Portfolio or Brand Website Project**__
 * **Portfolio Website** **Project** - Come up with your own content. You are going to build a portfolio website. Make a website about yourself that shows off your skills and hobbies. If you feel that you do not yet have enough skills our hobbies then use skills and hobbies you expect yourself to have by the time you graduate from college. Use the Bootstrap tutorials to help you make your portfolio website.
 * **Brand Website** **Project**- Come up with your own content. Your site should be a brand website as if you are the web designer for a company. Examples: Nike, Playstation, Apple, etc. Use the Bootstrap tutorials to help you make your portfolio website.
 * Grading:
 * To earn an 80% - you must have a responsive collapsing navigation bar, a sticky footer bar, and a Contact Me popup box on all pages. Your home page should have a jumbotron and a responsive grid system. You should have two article pages filled with text, at least one picture, and an article sidebar.
 * Earn an extra 5% per extra articles page you create. These extra articles pages should also be accessible through the navigation bar. Your extra article pages should also be filled with text and at least one picture.
 * [|Watch: Article Sidebar]
 * [|Watch: Contact Form]
 * [|Watch: Footer Bar Quick Fix]
 * HW: Project due by 4/15 ||
 * 4-13-15 || * <span style="background-color: transparent; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;">Finish __**Portfolio or Brand Website Project**__
 * **Portfolio Website** **Project**- Come up with your own content. You are going to build a portfolio website. Make a website about yourself that shows off your skills and hobbies. If you feel that you do not yet have enough skills our hobbies then use skills and hobbies you expect yourself to have by the time you graduate from college. Use the Bootstrap tutorials to help you make your portfolio website.
 * **Brand Website** **Project**- Come up with your own content. Your site should be a brand website as if you are the web designer for a company. Examples: Nike, Playstation, Apple, etc. Use the Bootstrap tutorials to help you make your portfolio website.
 * Grading:
 * To earn an 80% - you must have a responsive collapsing navigation bar, a sticky footer bar, and a Contact Me popup box on all pages. Your home page should have a jumbotron and a responsive grid system. You should have two article pages filled with text, at least one picture, and an article sidebar.
 * Earn an extra 5% per extra articles page you create. These extra articles pages should also be accessible through the navigation bar. Your extra article pages should also be filled with text and at least one picture.
 * <span style="background-color: transparent; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;">HW: Project due by next class ||
 * 4-15-15 - ***Last A-Day of Q3*** || * Do Now: Read 'Meet Disqus'
 * Demonstrate: How to add comments to a webpage by using Disqus
 * Create an account
 * Click on gear icon and select 'Add Disqus to site'
 * Fill out site profile
 * Select Universal Code
 * Find a place in your website to paste the code or feel free to make a new page. If you make a new page don't forget to update your navigation bar in all your html files.
 * Save and check your website. Viewers should now be able to leave comments.
 * Activity:
 * Add Disqus to your site
 * Share your Portfolio or Brand Website with the class by filling out the following form. This will also be how you submit your site to be graded:
 * Bootstrap Website Form
 * Closing Activity: Go through your classmates' websites and leave a comment for them. Reply to the comments you get on your site too. ||
 * 4-17-15 || * Do Now: Create a Quarter 4 Do Now Log in your shared folder and list what you know about how Steve Jobs founded Apple
 * Discussion: What do we know about Steve Jobs?
 * Introduce and Watch: Jobs
 * Closing Activity: What is something new you learned about Steve Jobs and how Apple was founded? ||
 * 4-21-15 || * Do Now: Discuss with your neighbor what you've learned about Steve Jobs and how Apple was founded from what you've seen so far in the movie.
 * Class Discussion:
 * What have we learned so far
 * Summarize the movie
 * Continue Watching Jobs
 * Closing Activity: Discussion on what else we learned ||
 * 4-23-15 || * Do Now: Read the IMDB Trivia on the Jobs movie
 * Research:
 * The real life Steve Jobs - Wikipedia
 * The upcoming movie titled 'Steve Jobs' - IMDB
 * Activity: Create a webpage using HTML/CSS or Bootstrap about your review of the movie Jobs, about the real life Steve Jobs, or about the upcoming movie 'Steve Jobs'. You can also make it about two or all three of these topics.
 * Questions you can consider when researching and making your site:
 * What did you learn about Steve Jobs from the movie we watched?
 * What are your thoughts on this movie? Good? Bad?
 * What more did you learn about him during your research?
 * Do you think the upcoming 'Steve Jobs' movie will be better? What differences will this movie have compared to the one we watched?
 * You can research other sites to find out more
 * Your site should be organized and full of content. Text, pictures, video, etc. You will be graded based on the quality of content and the creativity of your page.
 * Treat it as a blog site. Add Disqus comments to your page. Next class you will share your site with your classmates
 * HW: Finish your Steve Jobs website ||
 * 4-27-15 || * Do Now: Submit your Steve Jobs website by filling out the form. After submitting your form you will see the link 'See previous responses'. Click on that link and view your classmate's website. Leave at least one comment per site and reply to comments on your site.
 * Form to submit your Steve Jobs site
 * Discussion on Steve Jobs Research
 * Share other Brand/Portfolio sites and leave comments
 * Closure: Watch Steve Jobs introduces the iPhone ||
 * 4-29-15 || * Do Now:
 * If you haven't already fill out form to submit your Steve Jobs site
 * Preview jQuery animation
 * Analyze Source Code by right-clicking page and select 'View Page Source'
 * Discuss:
 * College and Career Fair - 4/30 6:00 - 8:00pm @ SBHS
 * Tech Ninjas Needed for
 * 6/26 - 8am - 3pm
 * 6/29 - 8:30 - 11:30 & 12:30 - 3:30
 * 6/30 - 8:30 - 11:30 & 12:30 - 3:30
 * 7/1 - 8:30 - 11:30
 * Introduce: jQuery
 * Demonstrate jQuery Animations
 * Watch: jQuery Tutorial #1 - jQuery Tutorial for Beginners
 * Get jQuery Library:
 * Google ' jquery google api' and click 'Hosted Libraries - Hosted Libraries — Google Developers'
 * Copy link for jQuery1.x snippet after the end tag for body -
 * Closing Activity: Try it yourself - copy source code from the jQuery animation page and try adding the jQuery code to create animations also. Include: hide, show, delay, slideUp, slideDown, fadeIn, and fadeOut ||
 * 5-1-15 || * Do Now: Review the code necessary to make jQuery animations. If necessary, rewatch the tutorial: jQuery Tutorial #1 - jQuery Tutorial for Beginners
 * Tech Ninjas Needed for
 * 6/26 - 8am - 3pm
 * 6/29 - 8:30 - 11:30 & 12:30 - 3:30
 * 6/30 - 8:30 - 11:30 & 12:30 - 3:30
 * 7/1 - 8:30 - 11:30
 * Class Review: jQuery animations
 * Activity: Make a simple website with 3 - 6 pictures that include each jQuery animation
 * Earn an 80% for having a title, paragraph text and at least 3 pictures with jQuery animation using both classes and ID's. You must have the following effects: hide, show, slideUp, slideDown, fadeIn, fadeOut, & delay
 * Earn an extra 10% if you use external CSS and JS files
 * Earn an extra 5% if you also include a navigation area with logo or brand (no buttons necessary), a container, footer bar, and background colors using HTML and CSS
 * Or earn an extra 10% if you also include a navigation area with logo or brand (no buttons necessary), a container, footer bar, and background colors using Bootstrap
 * Must be original code. Don't just submit previous projects with added jQuery code.
 * Submit your work by filling out this form: jQuery Animation Websites Form
 * Closure: How can you set up an external js file for your animation code?
 * HW: Finish jQuery animation site ||
 * 5-5-15 || * Do Now: Submit your work by filling out this form: jQuery Animation Websites Form
 * Tech Ninjas Needed for
 * 6/26 - 8am - 3pm
 * 6/29 - 8:30 - 11:30 & 12:30 - 3:30
 * 6/30 - 8:30 - 11:30 & 12:30 - 3:30
 * 7/1 - 8:30 - 11:30
 * Introduce: Photo Carousel
 * Closing Activity: Make a photo carousel of ten pictures. Follow along with the tutorial: Bootstrap 3 Extra Features: Carousel ||
 * 5-7-15 || * Do Now: Read 'What is Coding: 15 Facts for Beginners'
 * Activity: Continue working on your Photo Carousel
 * Copy the index.html file from your bootstrap project and rename it carousel.html
 * Delete the context - everything in between the navigation bar and the footer bar
 * Make a Photo Carousel of ten pictures.
 * Follow along with the tutorial: Bootstrap 3 Extra Features: Carousel
 * Your pictures should have a theme
 * Add Disqus comments
 * Grading:
 * Earn an 80% for having an organized Bootstrap website that includes a div container, title, a photo carousel of 10 pictures, and a description of your carousel
 * To earn more points create another carousel. For every picture you add to this carousel you will earn an extra 2 points up to a 100% (10 pictures total).
 * Closure: What purposes would you use a photo carousel on a website?
 * HW: Finish Photo Carousel site ||
 * 5-11-15 || * Do Now:
 * Add Disqus comments to your Carousel Website
 * Submit your Carousel website by filling out this form: Carousel Websites
 * View your classmates' Carousels by clicking on 'See Previous Responses' after you submit your link
 * Activity: Finish your Photo Carousel site ||
 * 5-13-15 || * Do Now: Make sure you saw everyone's carousel and left a comment: Carousel Websites (Click 'See previous submissions')
 * Watch: Top 5 Reasons to Learn Programming
 * Analyze: Open a new Google Document and title it Top 5 Reasons to Learn Programming. Summarize the five reasons and write whether you agree with each of the reasons. Email the link to the document to Darryl.Mendonez@sbschools.org ||
 * 5-15-15 || * Do Now: Explore Lightbox 2
 * Introduce and Demonstrate Lightbox
 * Watch Tutorial: Lightbox 2 Tutorial
 * Activity: Try making a Lightbox yourself
 * Closure: In what situations would you use a Lightbox for a website? ||
 * 5-19-15 || * Do Now: Read ' Google teams with Disney to make intergalactic cartoon to inspire kids to code
 * Activity: Continue Lightbox website
 * Lightbox 2 Tutorial
 * Due next class
 * Closure: When would you use a carousel and when would you use a lightbox?
 * HW: Finish Lightbox website ||
 * 5-21-15 || * Do Now:
 * Finish Lightbox Website
 * Add disqus comments to your Lightbox Website so students can leave comments
 * Submit Lightbox Website
 * View your classmates' websites and leave comments
 * Introduce Project: Photography Web Designer
 * You are going to pretend you are the web designer for a photographer. You will build a portfolio website using bootstrap that showcases the photographers work. You can choose the type of photography. Some examples are weddings, babies, nature, animals, pets, etc.
 * Home Page - The home page should include a nav bar with a hire me pop-up, footer bar, jumbotron, photo carousel of at least 3 pictures, and a grid system of at least 3 options
 * Article Pages - You will have at least 3 article pages that includes a lightbox photo gallery of at least 6 pictures. These article pages should be accessible through the grid system on the home page and on the nav bar for all the web pages.
 * Grading - For completing a home page and 3 article pages you will receive up to 80% based on the quality of the site. For each extra article page with a lightbox gallery of at least 6 pictures you will receive up to an extra 10%. 2 extra article pages maximum. The extra article pages should also be accessible through the grid system and nav bar
 * Due 6/5
 * Closing Activity: Work on final project ||
 * 5-26-15 || * Do Now: Read and Discuss: Women of Silicon Valley Julie Zhuo
 * Project: Photography Web Designer
 * You are going to pretend you are the web designer for a photographer. You will build a portfolio website using bootstrap that showcases the photographers work. You can choose the type of photography. Some examples are weddings, babies, nature, animals, pets, etc.
 * Home Page - The home page should include a nav bar with a hire me pop-up, footer bar, jumbotron, photo carousel of at least 3 pictures, and a grid system of at least 3 options
 * Article Pages - You will have at least 3 article pages that includes a lightbox photo gallery of at least 6 pictures. These article pages should be accessible through the grid system on the home page and on the nav bar for all the web pages.
 * Grading - For completing a home page and 3 article pages you will receive up to 80% based on the quality of the site. For each extra article page with a lightbox gallery of at least 6 pictures you will receive up to an extra 10%. 2 extra article pages maximum. The extra article pages should also be accessible through the grid system and nav bar
 * Due 6/5
 * Closing Activity: Work on final project ||
 * 5-28-15 || * Project: Photography Web Designer
 * You are going to pretend you are the web designer for a photographer. You will build a portfolio website using bootstrap that showcases the photographers work. You can choose the type of photography. Some examples are weddings, babies, nature, animals, pets, etc.
 * Home Page - The home page should include a nav bar with a hire me pop-up, footer bar, jumbotron, photo carousel of at least 3 pictures, and a grid system of at least 3 options
 * Article Pages - You will have at least 3 article pages that includes a lightbox photo gallery of at least 6 pictures. These article pages should be accessible through the grid system on the home page and on the nav bar for all the web pages.
 * Grading - For completing a home page and 3 article pages you will receive up to 80% based on the quality of the site. For each extra article page with a lightbox gallery of at least 6 pictures you will receive up to an extra 10%. 2 extra article pages maximum. The extra article pages should also be accessible through the grid system and nav bar
 * Due 6/5
 * Closing Activity: Work on final project ||
 * 6-1-15 || * Do Now: Read ' Making Computer Science More Inviting: A Look at What Works '
 * Project: Photography Web Designer
 * You are going to pretend you are the web designer for a photographer. You will build a portfolio website using bootstrap that showcases the photographers work. You can choose the type of photography. Some examples are weddings, babies, nature, animals, pets, etc.
 * Home Page - The home page should include a nav bar with a hire me pop-up, footer bar, jumbotron, photo carousel of at least 3 pictures, and a grid system of at least 3 options
 * Article Pages - You will have at least 3 article pages that includes a lightbox photo gallery of at least 6 pictures. These article pages should be accessible through the grid system on the home page and on the nav bar for all the web pages.
 * Grading - For completing a home page and 3 article pages you will receive up to 80% based on the quality of the site. For each extra article page with a lightbox gallery of at least 6 pictures you will receive up to an extra 10%. 2 extra article pages maximum. The extra article pages should also be accessible through the grid system and nav bar
 * **Due 6/5**
 * Closing Activity: Work on final project ||
 * 6-3-15 || * Do Now: Read 'Rare Apple I computer put into recycling'
 * You are going to pretend you are the web designer for a photographer. You will build a portfolio website using bootstrap that showcases the photographers work. You can choose the type of photography. Some examples are weddings, babies, nature, animals, pets, etc.
 * Home Page - The home page should include a nav bar with a hire me pop-up, footer bar, jumbotron, photo carousel of at least 3 pictures, and a grid system of at least 3 options
 * Article Pages - You will have at least 3 article pages that includes a lightbox photo gallery of at least 6 pictures. These article pages should be accessible through the grid system on the home page and on the nav bar for all the web pages.
 * Grading - For completing a home page and 3 article pages you will receive up to 80% based on the quality of the site. For each extra article page with a lightbox gallery of at least 6 pictures you will receive up to an extra 10%. 2 extra article pages maximum. The extra article pages should also be accessible through the grid system and nav bar
 * ** Due 6/5 **
 * Closing Activity: Work on final project ||
 * 6-5-15 || * Do Now: Submit Photography Web Designer Project
 * Read and Discuss:
 * 'Apple’s WWDC: Everything You Can (And Can’t) Expect'
 * Apple Leadership
 * Progress Check on Project
 * Closing Activity: Steve Jobs Introduces iPhone ||
 * 6-9-15 || * Reminders:
 * Guest speaker next class - report directly to DLC
 * Bring iOS device if you have one
 * Presentation: WWDC15 ||
 * 6-11-15 || * Early Closing Schedule
 * Computer Science Guest Speaker
 * Report directly to the Digital Learning Center (Annex 311) ||
 * 6-15-15 || * Last A-day class
 * Do Now: Discuss with your neighbor what you learned from the guest speaker
 * Discussion:
 * What did you find most interesting from the guest speaker?
 * Learning more on your own
 * Watch: How to stay focused
 * How to Download Files from Google Drive
 * How to Transfer File Ownership
 * Closing Activity: In a Google Document write down which parts you agree on with about the How to stay focused video and why. Email the document to darryl.mendonez@sbschools.org. Make sure it is in your shared folder. ||
 * 6-17-15 || 2A Final Activity - The DRY Principle ||

__**Formative Assessments**__ • Do Now / Closures • Application Exercises and Class work produced individually and in groups • Internet Research Activities • Observation / verbal check-for-understanding • Presentations • Chapter Quizzes • Case studies • Homework

This class follows the South Brunswick School District Acceptable Use of Technology Agreement