Websites for Beginners

July 19, 2016 – August 25, 2016 Tuesdays and Thursdays each week for 6 weeks 6:00 – 9:00 PM
4300 Caterpillar Road, Redding CA 96003 Course Instructor: Nathan Noble

Welcome to Websites for Beginners!

Here is how the course will be structured and what you will learn. But first, our promise to you. Our goal is to make sure you get three important things out of this class:

Hope: No matter what you do now for a living, if you have the slightest interest in computers and tech, you can learn the tech skills that are in high demand. You can shift your career into an area where jobs go begging and work is plentiful.

Actions: Every class will be a hands-on class. We aren’t teaching abstract concepts that might make you feel smart but won’t do you any good in the job market. We will teach you how to do things, things that matter to the companies that are hiring here in Shasta County. You are going to accomplish things in this class which will look good on your resume and help you see what is really possible.

Simplicity: The best teachers follow the “KISS” philosophy (Keep It Simple, Stupid). Technology is not super complicated if it is presented in a way that makes sense, and it is especially understandable if you start working with it for yourself. You will start to understand things that have never even occurred to you before, and you will then be able to use that understanding to do even better things after the class is finished.

By the end of this course, you will have created your own site using tools such as JSFiddle, HTML, and CSS (Cascade Style Sheets). You will have loaded that site on a server and will take it live. Courses are conducted in a totally hands-on fashion. You can work at your own pace, with intense instructor assistance.

Class 1 – Tuesday, July 19

Course Outline/Topics

JSFiddle – Introduction and login
Web Search – Browse for template sites

JSFiddle.net is a tool that you can use to build a web page, including building and editing with HTML (Hypertext Markup Language, the underpinnings of every web page), CSS (Cascading Style Sheets, which help you set up style formats you can apply to web page content such as blocks of text, buttons, or links), and JavaScript (one of the most widely used programming languages, which introduces interactivity or animation into a site, such as sign-in boxes, automatic loading, expanding boxes, sliders, etc.). We will learn the basics of JSFiddle and how it can be used to work on HTML, CSS, and JavaScript.

We will also look for templates in order to begin working on your own site. There are thousands of beautiful website templates that you can use as the basis for a site and then customize it.

Class 2 – Thursday, July 21

JSFiddle – Modify some code to make your site do something

Now that you have chosen a template and understand how JSFiddle works, we will actually build and modify your code to make your site do something. For example, we will add a button that performs an action.

Class 3 – Tuesday, July 26

JSFiddle – Add some pieces (HTML) to your site

The content on your site needs to be “tagged” with HTML tags. For example, to make a headline bold, your headline would have <b> before the headline and </b> after the headline. This tells the browser that the headline should be bold. We will work with content and tag it, covering the basics of HTML.

Class 4 – Thursday, July 28

JSFiddle – Modify the look/feel of your site with CSS

Once your content has been entered and tagged, you’ll want to “stylize” that content. You will develop a look and feel, where you are using certain typefaces and colors certain ways throughout the site. CSS makes this easier; you can set up formatting rules that can be applied to any page content (html), including buttons, text, etc. For example, you may want all your headlines to be in Helvetica 18 point, bold, and red. You will set up a style sheet for that specification and then apply it to each of your headlines. CSS is powerful because one style sheet can be applied to an entire site – so when you want to change the look and feel of the site, you can change all the relevant content just by changing one CSS file.

Class 5 – Tuesday, August 2

JSFiddle – Responsive Design with Bootstrap

A site that is “responsive” means it can be displayed on a variety of devices – computers, smart phones, etc. – and it will still look good and work well. JSFiddle and a JavaScript library called Bootstrap.js provide one way for you to configure your site so that it is truly responsive. Responsiveness is very important because more than 50% of all web searches are now conducted via mobile devices, according to Google. Sites must work on hand-held devices.

Class 6 – Thursday, August 4

Web Search – Browsing for responsive sites

After you have learned how to work with JSFiddle, HTML, CSS, JavaScript, and Bootstrap.js, it’s time to go back to web browsing, looking at responsive sites and analyzing them (you’ll never look at websites the same way again!).

Class 7 – Tuesday, August 9

JSFiddle – Responsive Design with Bootstrap 2

Now we will make sure that your site design truly passes muster and make any necessary adjustments.

Class 8 – Thursday, August 11

JSFiddle – Creating final web page – week 1

Ok, more than halfway done, now we are starting to get really serious. You’re going to finalize your web page. Things will come up that need to be explored and resolved, so we’re going to be taking two courses for this part.

Class 9 – Tuesday, August 16

JSFiddle – Creating final web page – week 2

Same here. Finalizing your web page.

Class 10 – Thursday, August 18

Taking JSFiddle and creating files for web site

Your site is done in the JSFiddle environment, so it’s time to turn it into a site that can be published on a web server (a web server is just a powerful computer that contains websites and is connected to the Internet).

Class 11 – Tuesday, August 23

How to publish your site on Windows cloud server

Sites must be on servers in order for them to be “found” by browsers. You’re going to publish your website onto a server now.

Class 12 – Thursday, August 25 Publish site on Windows cloud server

Yep, we’ll still be working on the final publishing step. There’s a lot to learn here – skills that will help you be employable out in the job market.

That’s it! You made it! Congratulations!

The Cloud Wise Academy Team [email protected]

Subscribe for Updates

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!

Share This