jQuery, HTML, CSS3, JavaScript, WordPress 2018.12.31 Patrick Olesiak



Samples from Front-end Website Development Class (Spring 2018, Long Beach City College)

A tribute to John Kemp Starley for inventing the Rover Saftey Bicycle

who invented the bicycle

This tribute project was an excellent learning experience of both web publishing and history. Looking back I see responsive methods I used that are out dated. My skills have improved as a result of being in Front End Website Development.

Code School Projects

six badges earned from code school

Instead of using a textbook, we used CodeSchool. They were recently purchased by Pluralsight, but I have an old report card from CodeSchool. 11 Courses Completed:

  • Front-end Foundations
  • Front-end Formations
  • CSS Cross-Country
  • Journey into Mobile
  • Unmasking HTML Emails
  • Cracking the Case with Flexbox
  • Adventures in Web Animations
  • You, Me & SVG
  • Blasting Off with Bootstrap
  • The Elements of Web Design
  • Discover DevTools

Web Animation of a Scalable Vector Graphic (SVG)

animated SVG

Using CSS web animation techniques, we manipulate objects, such as this SVG monster. SVG is completely drawn using HTML. Advantages include an image that is scalable and looks as good enlarged. Disadvantages include HTML code becoming larger and difficult to manage.

Static Scalable Vector Graphics (SVGs)

SVG samples

We drew four SVGs for practice. This page displays the four I drew. Note that drawing a SVG is mathematical, so it is different than using pen and paper. Also, the fourth image I created in a graphic app and exported to SVG. With a more complex drawing, exporting is the sound solution.

An Evolving Technology

search engine optimization

clean for seo

For an emerging technology, I choose to write a webpage about SEO (search engine optimization). I took several years off from developing web pages, but now that I am doing it again, it is good to learn the modern SEO techniques. Clients expect results and I enjoy delivering them.

Discovering some of the new search algorithms used today was excellent research. I also noted which techniques are still in use. Lastly, I shared knowledge from my research in a class presentation. Knowledge is power and sharing it is wonderful.

Microsoft MTA: Introduction to Programming Using HTML and CSS - Certified 2018

MTA: Introduction to Programming Using HTML and CSS - Certified 2018

Earners of the MTA: Introduction to Programming Using HTML and CSS validates the skills and knowledge to recognize and write syntactically correct HTML and CSS, structure data using HTML elements, and create and apply styles using CSS. Earners are expected to have at least 100 hours of instruction or hands-on experience with HTML and CSS, be familiar with their features and capabilities, and understand how to write, debug, and maintain well-formed HTML and CSS code.