How this Course will work (v1)
Welcome to the SHA Frontend Development Course
In this unit, we’ll learn about how the web works and start thinking about the basics of computer and web programming.
Each of the following sections and lessons represents essential baseline knowledge. Even if you have no intention of becoming a web developer yourself, this material should help you gain a useful understanding of the moving parts involved in creating and serving content on the web.
We will start by getting familiar with the internet and your own computer. Next, we’ll work on setting up a development environment and learning about Git and GitHub. Then, we’ll go over the basics of front end technologies like HTML, CSS, and Javascript before stepping into the back end with a brief foray that covers the basic concepts of back end technologies.
By the end of this unit, you should not only understand how the web works but also be able to identify and differentiate between all of the technologies that you will use to build your own web applications. You will be able to build a simple webpage, style it, and add minor elements of interactivity while working comfortably from the command line.
This section intentionally covers a very broad range of topics. It’s silly to go diving straight into server-side programming without having a context for what it is and why it’s useful (and why you should learn it!).
How It Works
This curriculum works by pulling together the best content from across the internet for learning a particular topic. In each lesson, we’ll introduce the topic and try to provide some useful context before pointing you to external resources made by others.
Most lessons will contain questions that you should be able to answer before moving on. Some of the lessons will ask you to complete exercises. In addition, we provide several projects throughout the curriculum to help you grow your understanding by actually building things.
While most of this material should be fine to tackle on your own, the projects in particular are good opportunities to find a partner and do some pair programming. Give it a shot!
What Comes Next
Once you’ve completed this course, you should be pretty comfortable with the building blocks of web programming but itching to dig deeper. Though we spend a fair bit of time digging into each of the major topics in this course, it’s really just a taste of what comes next (and all the cool stuff you can do with it).
The courses that come after this one are designed to take that foundation and build it into an applied understanding of the material. Those courses will focus on taking these raw building blocks and honing them into a highly functional skillset. Once you’ve completed Web Development 101, you’ll have built a strong foundation to take those next steps.
Resources
Here is a list of resources that you should definitely bookmark as you will use them regularly along this journey. These are resources that are have been thoroughly reviewed and have been approved by our past students so you can count on them.
YouTube Channels
Visit this link on GitHub and bookmark each YouTube link as you will often have to search in these channels for extra help on various concepts.
For example, if you think that you need to learn more about Rest APIs or the concept is still a bit unclear, you can hit the Search icon and search for it on all these channels. You will get a fresh perspective on the subject that will probably get you unlocked.
Searching for Rest API on the TraversyMedia channel:
Searching for Rest API on the NetNinja channel:
Tip for Watching Long YouTube Videos
During the course you may need to watch YouTube videos as part of the curriculum. However, sometimes these videos can be very long and thus you may not have the time to watch it all at once.
Therefore, it is useful to know where you left off, and continue watching the video from that specific point.
Here is what you can do:
- Right click on the video.
- Select the option "Copy video URL at current time".
- The URL is copied to you clipboard.
- Open a text editor and paste the URL.
- Next time you want to watch the video copy paste the URL in the address bar.
UPDATED: 24.02.2021