Thomas Wallace

Lectures and Resources

IT Topaz

Spring 2022 | ITEC 3650

Content Carousel Lab

Class Exercise

Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage.

Example with Content

Assignment

Please add a working url of today’s lab to your course homepage on Github by next Tuesday.

Semester Wrap Up

Reminders

  • Individual Reflection – This should be a thorough evaluation of your team and individual performance. Discuss your role, the team process, the strengths and weaknesses of your approach. 1-2 pages Submitted to all faculty by 5/8.
  • Peer Evaluations (Fill out once per team member, Do not evaluate yourself). Failure to evaluate your peers will negatively impact your grade. Due 5/8.
  • All missing work is due by 5/8/2022. Remember in order to participate in ITEC 4610 you must earn a B grade or better.
  • Have a great Summer and we’ll see you in the Fall.

Team Meeting

  • Meet with your team to organize and structure team roles and responsibilities.
  • Continue to work on questions for the initial client meeting.
  • The project manager should send me an email that contains the following information: Team Name, Team member names and their role, and a primary point of contact for the team. I will relay this information to your client.
  • Due to time constraints, you will have 20 minutes with your client for the initial meeting. Make sure you are well organized. Meetings will be held on Tuesday, March 29, 2022 during class time. You will be assigned a time slot once we have received the requested information.

Building an Accessible Content Carousel

Class Exercise

Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage

Assignment

Due Tuesday (3/8) – Create a blog post on the Dragon project. Include the site URL,  a screenshot of the design, and discuss the feedback you received,  Reflect on the development experience. What did you do well? Where can you improve? How you address the issues identified by your reviewer?  There should also be a working version of a contact form implemented.

At this point, there should be the following work either on your blog or posted to GitHub:

  • Screenshot of CSS Diner Completion – Linked From Homepage
  • Logo Tutorial (Star Logo or Alternative) – Linked From Homepage
  • Image Optimization Blog Post that Includes the Logo – Assigned 2/1
  • First Draft of Dragon Project
  • Second Draft of Dragon Project that includes feedback you received and Contact Form – Due 3/8
  • Progressive Enhancement Blog Post
  • Accessible Carousel Demo
  • Project Reflection Blog Post – Due 3/8

Progressive Enhancement

Assignment

Due Tuesday (3/8) – Create a blog post on the Dragon project. Include the site URL,  a screenshot of the design, and discuss the feedback you received,  Reflect on the development experience. What did you do well? Where can you improve? How you address the issues identified by your reviewer?  There should also be a working version of a contact form implemented.

At this point, there should be the following work either on your blog or posted to GitHub:

  • Screenshot of CSS Diner Completion – Linked From Homepage
  • Logo Tutorial (Star Logo or Alternative) – Linked From Homepage
  • Image Optimization Blog Post that Includes the Logo – Assigned 2/1
  • First Draft of Dragon Project
  • Second Draft of Dragon Project that includes feedback you received and Contact Form – Due 3/8
  • Progressive Enhancement Blog Post
  • Project Reflection Blog Post – Due 3/8

JavaScript Libraries and Manipulating the Document Object Model (DOM)

Assignment

Read the following Article on Progressive Enhancement. Write a blog post explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancement and include a link to another article you found and read relating to the topic. Due before class Tuesday.

Project Feedback Session

Using the available time today meet with your partner and review and evaluate each others development work thus far and provide feedback using the techniques presented by Elizabeth.

Contact Forms

Assignment

Once you have completed and duplicated pages for your project, implement a contact form solution on your Dragon Project. If necessary create a contact page. Try to integrate the form with your site design as much as possible.

Individual Project Q&A

Continue working on the Individual Web Project. You should use your class time to ask questions and troubleshoot issues with your classmates.

Assignment

Add the URL of your first draft to your Github Homepage before class on Thursday. On Thursday we will work in groups to get feedback on what you have so far.

Individual Web Project Lab

Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.

Individual Web Project

Individual Web Project

Choose one of the two micro-site projects  or create your own and post the url to your GitHub me by February 17, 2022.

  • Starter HTML (You do not have to use this, provided for reference)

SpaceX Dragon

Segway Centaur

Assignment

Please read the following article on image optimization and write a short blog post discussing three takeaways from the article. Attach the images we created in class Tuesday and the logo you were assigned last week. These should all be embedded in the post.

You should also review your workspace to make sure everything is organized and named correctly. On Tuesday we will start a new project so it is important that you’re are organized and ready to go.

CSS Review and Image Manipulation

Introduction to Gravit

Assignment

Complete one of the following tutorials and submit what you create in the tutorial.

You should upload and add a link to the image you create before class the Thursday, February 3, 2022. I do not expect you to perfectly replicate the tutorial but I would like to see a solid effort from each of you. This is a challenging assignment so I encourage you to not wait until the night before it is due. Good Luck!

Positioning Lab

Assignment

This week please work through the 4 design problems and make your best effort at each. Please have your work completed by the end of the semester. I will review your work on Over the weekend and provide feedback to each of you. If you have previously completed this exercise I would like you to do it again, but with a different approach. You are welcome to use nth-child, attribute selectors, descendent selectors or any other advanced css techniques you find appropriate.

Office Hours on Consultation Day – 9:00am – 1:00pm – December 7 

Drop in if you need any help with anything.

 

Introduction to CSS

Assignment

Complete the exercises at Flexbox Froggy. Link a screenshot of the completion page for exercise 24 on your assignment page and link to it. If you have already done this exercise complete CSS Grid Garden in its place.

Capstone Presentations

For the first half of today’s sessions please join us in the EIT Auditorium to attend the ITEC 4610 Capstone Presentations. At the end of each presentation, I encourage you to ask questions of the teams. After the presentations please return to 219 for a debrief and assignment review session

Introduction to CSS

File Management and Publishing to GitHub

Assignment

  • Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
  • Create a link to this assignment from your course homepage. Name it “Prototype HTML5 Assignment”
  • When complete publish it to your Github account with the Commit Note “Prototype HTML5 Assignment Submission”.
  • Make sure you have submitted your Github Pages URL here: https://forms.gle/RnyJRBM5wG6mYLYu8
  • We will have a Q&A on the assignment on Tuesday and the Quiz.
  • Due 10/28/2021
  • Reading Assignment: CSS Basics

Browser Overview Structure, Content, Design, & Behavior Understanding how a web page works

Assignment

Evaluate a web site you frequent based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should be posted to your blog.  Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change. Due no later than 9/28/21. Reminder – Your blog post covering tips and tricks from the Power Searching with Google course is due on Thursday!

Web Related Terminology

Discussion

Assignment

Setup and Account at Codepen.io. The free account is acceptable for the work we will do in class.

Evaluate a web site you frequent based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should be posted to your blog.  Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change. Due no later than 9/21/21.

Exploring Web-Based Services

Assignment

Review your favorite web-based service in a blog post explaining it’s functionality, the pro’s and con’s of using the particular service, and discuss the service’s potential for impacting the way you work. Post is due next Thursday. Please be prepared to discuss in class.

Introduction to WordPress

Assignment

Make sure you have done the following by next Tuesday. We’ll be moving on to new topics so you should have all blog-related issues and assignments squared away.

  • Make sure I have your blog URL
  • Customize your blog
    • Apply a new theme
    • Customize the sidebar or wigitized areas
      • Add a few widgets.
      • Display an rss feed from a site that you frequent.
    • Try using a shortcode in a post or a page.
  • Completed About Page
  • Created a Custom Menu that points to your writing assignments.

Additional Reading

Learn more about the new Wordpress Gutenberg Editor

Chromebook Orientation

Assignment

Homework (Due 8.31.20): Visit WordPress.com and create a new blog. This will be where you reflect and write over the course of the next semester. Send me the address of your blog via email (tswallace@ualr.edu). We will review all of the settings on Tuesday. (Note:  your address will be something like so… yourchosenname.wordpress.com).

Welcome to IT Topaz

We will be using a broad array of tools to support this course this semester. If you would like to familiarize yourself with these feel free to do so. I will explain and do walkthroughs with the tools when we begin to use them.  You are welcome to go ahead and create your accounts (they are all free) but make sure to keep track of your credentials.

  • Icebreaker Activity
  • Chromebook Distribution and Overview
    • Chromebook Agreement
    • Using Multiple Google Accounts