Skip to content

Latest commit

 

History

History
152 lines (135 loc) · 6.48 KB

e_education.md

File metadata and controls

152 lines (135 loc) · 6.48 KB
layout title permalink description image nav-menu
resourcesLayout
Education Team
/edu
Welcome to the central hub for the Fall 2022 CS+SG Education Team!
assets/images/F18Showcase.JPG
false

About the Education Team

Hello everyone, welcome to the CS+SG Education Team! My name is Ajay Gandecha, and I am the Education Team lead this semester. I am excited to teach all of you this semester!

The CS+SG Education Team focuses on aqcuiring full-stack development skills so you can use these skills on real-world projects for social good. CS+SG's development teams create high-quality web applications using React.js. Throughout this semester, you will have the chance to learn about these technologies and practice implementing them in your own projects.

Education Team Curriculum

The CS+SG Education Team Curriculum is comprised of seven core lessons that cover the basics of HTML, CSS, JavaScript, and React.js. These technologies are at the core of all of the projects that the CS+SG production teams work on, and are important skills to know on your journey towards the mastery full-stack development fundamentals.

In addition to these lessons are projects that correspond each lesson! The completion of these projects will allow Edu Team members to practice the skills they learn in each lesson. At the end of the semester, Edu Team members will submit their completed projects and have a chance to showcase them to the rest of the production teams.

There will also be guest lectures scattered throughout the semester taught by members of the UNC CS community. These lectures will enhance your skills when working on projects.

Table of Contents:

Lesson 0: HTML and CSS Fundamentals

Lesson Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/e4qJeKNswX0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Description

The purpose of this lesson is to introduce students to the concepts of web development. Students will be taught the basics of structuring websites with HTML, and styling websites with CSS. This knowledge will serve as the foundation for using tags to represent structural objects, which will be used extensively with React Components, and for styling components.

Skills Covered

  • HTML to structure webpages.
  • CSS to style webpages.

Lesson 1: Styling Webpages with CSS

Lesson Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/E5JeOlIk88k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Description

The purpose of this lesson is to provide a practical example of using CSS to style a website built solely in HTML.

Skills Covered

  • CSS to style webpages.

Lesson Project

Continue on p01.

Lesson 2: Fundamentals of JavaScript

Lesson Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/twJ11qGUeKg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Description

The purpose of this lesson is to introduce the JavaScript programming language, comparing the language's syntax to more familiar languages.

Skills Covered

  • JavaScript syntax.

Lesson Project

p02 Coming Soon