Fundamentals of Web Development Course Description
Welcome to From 0 to Web Developer in 2016: Build Real World Web Apps!
This course is designed for students who wish to learn the basics of web development, and eventually build their own websites which have many components, including a backend with a database.
The course is also for developers of any level who want to refresh their knowledge on the basics of full stack development.
If you want to build the next big startup website, you have to know and understand the basics of what makes a website work. At the core, every website on the internet, from Twitter to YouTube, is based on these three fundamental technologies. This course will make sure you will understand how to build a web app for your next big idea.
Parse is a free service which allows you to set up a database and retrieve/post data to it. It will allow you to dip your feet into the waters of database design and management.
You are going to learn a lot in this course. Here are some of the topics we cover:
Cool websites to find web development resources and freebies!
Learn what text editor fits you the most for web development.
Brackets (Apple Only):
Atom (Apple Only):
TextWrangler (Apple Only):
Sublime Text (Cross-Platform Only):
Notepad++ (Windows Only):
What is HTML? By the end of this lecture, you will be able to answer this question and understand the purpose of Hyper Text Markup Language.
Build your first website using HTML and learn how to create text, links, and images!
Learn about different HTML tags.
Learn how to use the awesome <div> tag.
Forms, forms, and more forms. Sounds fun, right? :D
What is CSS?
Learn about different color schemes and palettes.
Skeumorphic vs Flat vs Material. Which one is the best, and why should you care?
Learn where you can find the best font-faces for development.
Learn the fundamentals of CSS, or Cascading Style Sheets.
What are frameworks, and how can they help you?
Learn all about the Bootstrap framework and how to embed it into your site.
Learn all about the MaterializeCSS framework and how to embed it into your site.
Out of the box CSS Animations with Animate.css.
Explore Material Design with Google's Material Design Lite.
What will the final Star Wars Soundboard look like?
Create the structure for our soundboard using HTML.
Let's add some CSS to our HTMl on our Star Wars Soundboard
Let's continue with the CSS we started in the last lecture.
How are we going to clone Instagram using what we know?
Let's structure our website using the fundamentals of HTML.
Let's add some CSS to our HTML, to create a nice material based interface.
Let's begin to add logic to our clone and add Parse features, which include saving and retrieving data from our database.
Let's visit some example portfolios, and get a gist of what you should make for this project.