Today’s goals:
- Finish up from Friday- learn about pursuing web design (or related fields) in college and/or as career; prep for speaker from a professional design firm
- Learn how to drag and drop elements on a webpage with JavaScript
- Explore JavaScript frameworks
Today’s featured sites:
- http://js1k.com/2017-magic/demos– Check out these fun, interactive demos created with JavaScript
- Check out the free desktop wallpapers available for April from Smashing Magazine
- Period 2- we’re in a video!
From Friday- Professional Tips for You
- Tips for creating a portfolio and a resume
- Details on choosing a career path
- Skills you’ve learned in this class that you can add to a resume or LinkedIn profile: WordPress, HTML, CSS, JavaScript, Bootstrap, and graphic design
- For fun: design games (curated by Jackrabbit)! I got a perfect score on this one; can you??
Dragging and Dropping Elements with JavaScript
- First, let’s go to any website and try to click and drag things like text and images. What happens?
- Let’s read through this tutorial to understand the code
- We’re going to follow our own tutorial. Please download this code and copy it into a new Notepad++ file to begin. Save it as dragdrop.html.
- How can we move the second cupcake into the second box? Why is the first cupcake moving?
- Can you drag the second cupcake into the first box and the first cupcake into the second box?
- Let’s make the text move by filling in the blanks.
- Finally, build your perfect sandwich.
JavaScript Frameworks
Each table of 2 will be assigned one of the following questions:
- What are JavaScript frameworks?
- Please find some examples of JavaScript frameworks.
- Why do people use them?
- What are some of the most popular JavaScript frameworks?
- What you can build with them?
- What is the difference between a JavaScript framework and a JavaScript library?
- How do you pick a framework?