The Art of Doing: Web Development for Beginners
What you'll learn
- Fundamental HTML tags such as headings, paragraphs, lists, tables, images, anchors, divs, spans, inputs, and forms.
- Essential CSS topics such as selector methods, defining size and color, the box model, and various display options such as block, inline, and inline-block.
- CSS layouts in one dimension using flexbox and in two dimensions using the grid system.
- Using CSS pseudo classes to perform translations, transitions, and animations.
- We will work together to build 10 different website projects. I will give you all assets and the layout and ask you to create!
- Not only will you learn the concepts but also the thought process of how to go through and design/build your own sites.
- A computer and internet access.
- Access to a text/code editor of your choice. I will be using Visual Studio Code.
- A creative mindset.
- Everyone and all abilities are welcome!
I always wanted to learn the fundamentals of web development. I’m drawn to how easy and quickly one can create visuals to be displayed within a web browser. Coming from a background in Python where the vast majority of my learning took place in a terminal, web development seemed so enticing!
I felt overwhelmed and lost. Sure, I thought I had the technical know-how and ability to make a website thanks to all of the tutorials that are out there. However, these other tutorials are lacking in one key area: How to tie the concepts together. What I craved after learning a collection of new concepts was an example website to try and build. I wanted a template, a challenge…”here is this site, now go see if you can build it.” I wanted support so that if I struggled, I could see only what I needed to see and then be back on my way. Lastly, I wanted an explanation of how all these seemingly isolated concepts came together and worked together to create the final product of the website. I’ve worked really hard to try to give you that experience that I wanted so badly, here in this course.
We will cover the following HTML topics:
Heading and paragraph tags
Formatting text with various styling tags
List and Table tags
Various Input Tags
Proper HTML structure
Block Level and Inline Elements
Divs and Spans
Semantic HTML Elements
We will cover the following CSS topics:
CSS Styling Rules
CSS Selector Methods
Element Width and Size
The Box Model
Styling Lists and Tables
Various Display Values (block, inline, inline-block)
Various Data Types
Working With Arrays
For Loops and While Loops
Conditional Statements and Switch Cases
Document Object Model
Getting values from Input Fields
Getting Values From HTML Forms
Who this course is for:
- Beginners in web development.
- Anyone who wants to learn the fundamentals of web development and not be thrown into a web framework.
- Anyone making the jump from Python fundamentals to web development.
Hello, my name is Michael Eramo. I am a life long learner, a self-taught programmer, and an experienced educator. I hold official Bachelor's degrees in Music, Education, and Physics, as well as a Masters degree in Mathematics. I also hold a certificate in Software Development from Microsoft.
I have years of experience as a high school Physics teacher, Computer Science Teacher, and college Mathematics teacher. I am part of the New York State Master Teacher Program a network of more than 800 outstanding public school teachers throughout the state who share a passion for their own STEM learning and for collaborating with colleagues to inspire the next generation of STEM leaders.
I am passionate about learning new things and teaching what I know to those around me in a way that is engaging, meaningful, and with purpose.