@ -2,7 +2,7 @@
This lesson covers the basics of programming languages. The topics covered here apply to most modern programming languages today. In the 'Tools of the Trade' section, you'll learn about useful software that helps you as a developer.
![Intro Programming](/sketchnotes/webdev101-programming.png)
![Intro Programming](../../sketchnotes/webdev101-programming.png)
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Pre-Lecture Quiz
This lesson covers the basics of GitHub, a platform to host and manage changes to your code.
![Intro to GitHub](/sketchnotes/webdev101-github.png)
![Intro to GitHub](../../sketchnotes/webdev101-github.png)
@ -1,6 +1,6 @@
# Creating Accessible Webpages
![All About Accessibility](/sketchnotes/webdev101-a11y.png)
![All About Accessibility](../../sketchnotes/webdev101-a11y.png)
# JavaScript Basics: Data Types
![JavaScript Basics - Data types](/sketchnotes/webdev101-js-datatypes.png)
![JavaScript Basics - Data types](../../sketchnotes/webdev101-js-datatypes.png)
# JavaScript Basics: Methods and Functions
![JavaScript Basics - Functions](/sketchnotes/webdev101-js-functions.png)
![JavaScript Basics - Functions](../../sketchnotes/webdev101-js-functions.png)
# JavaScript Basics: Arrays and Loops
![JavaScript Basics - Arrays](/sketchnotes/webdev101-js-arrays.png)
![JavaScript Basics - Arrays](../../sketchnotes/webdev101-js-arrays.png)
# Terrarium Project Part 2: Introduction to CSS
![Introduction to CSS](/sketchnotes/webdev101-css.png)
![Introduction to CSS](../../sketchnotes/webdev101-css.png)
# Terrarium Project Part 3: DOM Manipulation and a Closure
![DOM and a closure](/sketchnotes/webdev101-js.png)
![DOM and a closure](../../sketchnotes/webdev101-js.png)
# Browser Extension Project Part 1: All about Browsers
![Browser sketchnote](/sketchnotes/browser.jpg)
![Browser sketchnote](../../sketchnotes/browser.jpg)
> Sketchnote by [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
@ -15,7 +15,7 @@
name: 'Web Development for Beginners: A Curriculum',
repo: 'https://github.com/microsoft/Web-Dev-For-Beginners',
relativePath: true,
auto2top: true
auto2top: true,
}
</script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>