Leeyat Slyper

Frontend Class Overview, Concepts Breakdown for Reference, and Weeks Review

The goal of this 8 week course is a rounded view of frontend development, advanced HTML and CSS structure and layout, and an overall look at development practices as a whole, exploring how frontend is starts as designs and carried through to launch and maintenance. Importantly, we will start with text editors, such as Atom or Sublime, and version control, using GIT, as these are critical for either frontend or backend design.

Once complete, you will be able to prototype then develop a multipage site with several unique templates and explore how this design can be applied to a CMS or used as linked flat HTML pages.

We'll start with a few questions and perspective about current knowledge and interests. After some open ended exploration into sites or projects that interest you, we'll dive into good development practices then into prototyping, low-level HTML and CSS structuring, boilerplates, and responsive setup.

We will throughly explore frontend development then culminate with a look at how frontend integrates into backend (since the line is becoming increasingly blurred.) In closing, we'll look at how to continue either a deep focus on frontend design and development or how to, down the road, expand backend development for further development breadth.

Timeline

An outline of the weeks and what topics will be covered.

May 16-17th HTML and CSS overview. DOM overview. Digging into HTML tags.
May 24-25th remote. Structuring HTML. Applying CSS to structured HTML files. 
May 30-31st Introduction/further look at prototyping with Sketch, Zeplin, and Framer. Deep dive into CSS, SCSS and/or SASS.
June 6-7th remote. Templating, multi-page HTML with CSS.
June 13-14th Open. Either adding HTML tag walkthrough and study, or more SCSS/SASS study in CSS.
June 20-21th remote. Javascript introduction, OOP programming basics, why JS has become so integral to more advanced frontend development.
June 27-28th remote. POST, GET, forms and how HTML integrates into interactive apps. How to build prototypes without the need for full stacks. 
July 5-6th (or following week.) Next steps, where learning can continue on HTML, CSS, or JS. Looking at how languages are used in CMS or in frameworks.