Code Monkey home page Code Monkey logo

html-css-101-cwe-materials's Introduction

Coding 101: HTML and CSS CWE Materials

Welcome to General Assembly's Coding 101 Workshop

This repository/folder contains all the materials General Assembly supplies for this workshop.

Value Proposition

HTML and CSS are the fundamental building blocks of the web. Whether you're a beginner who wants to get started in web development, a designer looking to hand-code their concepts, or a marketer who wants a little more control over their CMS, you'll need to know HTML and CSS to get the job done.

In this hands-on introductory workshop, we discuss the web development community and how the web works. We’ll go over key coding terminology and principles, introduce languages like HTML and CSS—what their functions are, how they work together—and use that new knowledge to write our own code and develop our own simple site.

Students should be familiar with the basic functions of their computer, such as launching programs, creating folders, copying and pasting objects, formatting text, finding and saving files.

Students Will Learn How To:

Gain an overview of the web development landscape and where HTML/CSS fits in the web ecosystem. Describe the difference between front-end and back-end code and the basic components of HTML, CSS, and Javascript. Use HTML and CSS to mark up a basic webpage. Describe the different jobs that use coding or benefit from an understanding of HTML/CSS.


Included in this repository:

  1. Onboarding Materials - Background context & instructions for how to make use of our materials.

  2. Teaching Materials - Lesson plan, activities & assessment, deck, and handout.

To Get Started

If this is your first time teaching this workshop, welcome!! Please take 15 minutes to read through the following onboarding materials to help get an understanding of your responsibilities as an instructor and gain some background context on this course.

Document Description
Background Who we are and what we offer at General Assembly
Materials Some context around the materials we provide
Roadmap Prerequisites and suggested follow-up plan
Resources Description of tools used and relevant policies for this workshop

Contributing

We encourage instructors to fork this repository directly. We hope you'll suggest improvements by submitting issues or pull requests as needed!

Please check out our contributing guidelines for more details.

Licensing

  1. All content is licensed under a CC-BY-NC-SA 4.0 license.
  2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

html-css-101-cwe-materials's People

Contributors

amyealmeida avatar jeannyvaidya avatar jnappy avatar melodyserra avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.