Free Online Web Courses

Web Development

Why Take This Course?

In this project-based course your knowledge will be evaluated as you learn to build your own blog application! Learn everything Steve Huffman wished he would have known when he broke into the startup world. Read more about Huffman and the course here.

Prerequisites and Requirements

A moderate amount of programming and computer science experience is necessary for this course.

See the Technology Requirements for using Udacity

What Will I Learn? Projects

Make a webpage that anyone can add to and edit.

Syllabus

How the Web Works

Introduction to HTTP and Web Applications

How to Have Users

Getting and processing user input

How to Manage State

Databases and persistent data

Whom to Trust

User authentication and access control

How to Connect

Web applications as services, using APIs

How to Serve Millions

Scaling, caching, optimizations

Changing the World

Building a successful web application, project

Go To Class

Semantic Web Technologies

In this course, you will learn the fundamentals of Semantic Web technologies. You will learn how to represent knowledge and how to access and benefit from semantic data on the Web.

Syllabus

• Week 1: Introduction to the Semantic Web
• Week 2: Identifying Things with URI and RDF
• Week 3: Querying RDF(S) with SPARQL
• Excursus: Semantic (Meta) Data and the Web
• Week 4: Knowledge Representation I
• Week 5: Knowledge Representation II
• Week 6: Applications in the Web of Data
• Final Exams: Final Exams

Go To Class

Mobile Web Development

What Will I Learn? Projects

Design and build a mobile app that takes advantage of touch screen functionality.

Syllabus

In this course, you will learn how to build web experiences that adapt to the different screen sizes and capabilities that mobile devices offer, and how to scalably optimize media for mobile and desktop. We will cover programming touch interaction, as well as how to optimize form field input for mobile devices and use APIs like geolocation and the accelerometer, and ensuring your web experiences work great when network conditions are sub-optimal. Finally, you’ll gain the tools to investigate performance in mobile applications, with a strong understanding of mobile networking, battery usage patterns and optimizing paint techniques to build smooth animations on mobile.

Lesson 01: Syllabus

We’ll start with a high-level overview of the course and what to expect in it. We’ll also go into more depth on what we mean by mobile web development, and why you should care about it.

Lesson 02: Mobile Development Tools

Workflow and tooling is incredibly important for building great web apps, and this carries over to mobile web development. This lesson will show you how to use the Chrome Developer Tools to develop for the mobile web.

Lesson 03: Mobile UX and Viewport

Designing for the mobile web is all about a smooth user experience. This lesson will get you thinking about how to achieve that on mobile, and we’ll introduce the first of many tools you need to achieve this: the viewport.

Lesson 04: Fluid Design

Mobile means lots of different devices and form factors. We’ll discuss how to make your site responsive, clean, and user-friendly on multiple devices and layouts.

Lesson 05: Media Queries

Sometimes different devices call for fundamentally different layouts. This lesson will teach you how to achieve this using media queries.

Lesson 06: Responsive Images

Media requirements are different in mobile - network constraints and very high resolution screens set up a conflict that can be challenging. We’ll talk about how best to integrate media into your mobile web applications, and adaptively scaling images based on the environment.

Lesson 07: Optimizing Performance

Users expect a fast, seamless experience on mobile. We’ll go over optimizing various performance metrics to improve that experience, such as network, cpu, rendering, and battery performance.

Lesson 08: Touch

Touch input is fundamentally different from mouse input, and requires you to think about your user interactions differently. We’ll go over UX concerns with touch-based interaction, and how to design user interactions that work across devices.

Lesson 09: Input

Using a keyboard on mobile is awful. We’ll discuss ways to improve it, using semantic input for form data, and other user input options on mobile.

Lesson 10: Device Access

Mobile devices have a full array of sensors typically unavailable on desktop. We’ll talk about camera access, geolocation, and other sensors and feedback you have access to on mobile.

Lesson 11: Offline and Storage

It’s an unfortunate reality that mobile users aren’t always online. We’ll go over using the local cache as well as local storage APIs to give your users a great offline (and partially-online) experience as well.

Lesson 12: Wrap-up

We’ll finish up the class by talking briefly about other topics to consider, such as app experience, monetization, deployment and distribution. We’ll also point you to other resources to look at moving forward in your career.

Go To Class

User Experience for the Web

What will I learn?

• The characteristics of user experience design, usability, and user centred design
• The factors that influence interface design, and how to balance these requirements
• The design streams that impact interface design, and design techniques from each stream:
• Information Design
• Interaction Design
• Visual Design
• How branding is an important part of user experience
• The importance of accessibility online
• The importance of knowing your users and:
• What you need to know
• How to learn about them
• How to communicate your findings
• Key usability evaluation techniques, including:
• Walkthroughs
• Usability testing
• Expert review
• Competitor analysis

This course requires approximately 2 - 4 hours of study per week, but can vary depending on the student. This includes watching videos, and taking quizzes and assessments.

If you pass this course you'll receive a Certificate of Achievement. While this certificate isn't a formal qualification or credit, you can use it to demonstrate your interest in learning about this area to potential employers or educational institutions.

Where could this lead me?

If you're wondering what your future could look like in this area, here are some potential careers you could head towards.

• Social media manager
• Web designer
• Web developer
• Web publisher
• Webmaster
• Assistant web designer
• Assistant web designer
• Technical writer
• Website coordinator
• Webmaster assistant

Go To Class

Knowledge Engineering with Semantic Web Technologies

In this course, you will learn the fundamentals of Semantic Web technologies and how they are applied for knowledge representation in the World Wide Web. You will learn how to represent knowledge with ontologies and how to access and benefit from semantic data on the Web. Furthermore, you will also learn how to make use of Linked Data and the Web of Data, currently the most popular applications based on Semantic Web technologies.

Requirements for this course:

• a basic knowledge of the foundations of mathematical logics, i.e. propositional logics and first order logics
• a basic understanding of web technologies, such as URL, http, HTML, and XML-based technologies
• a basic knowledge of database technology, esp. relational databases
  and SQL query language

Syllabus

·          

• Week 1: Knowledge Engineering and the Web of Data
• Week 2: Semantic Web Technologies - Part 1
• Week 3: Semantic Web Technologies - Part 2
• Week 4: Knowledge Representation - Part 1
• Week 5: Knowledge Representation - Part 2
• Week 6: Knowledge Engineering
• Final examination: Final examination

Go To Class

Intro to HTML and CSS

Why Take This Course?

Front-end Web Developers must have a fundamental understanding of HTML and CSS which we’ll accomplish in this course by converting digital design mockups into static web pages. To build the web pages you will use HTML, CSS, and take advantage of the Bootstrap, the popular Twitter framework.

After completing this course you will be able to build a responsive portfolio site, with your own CSS framework, with the functionality to add your future projects to it. Most importantly, you will have an understanding of the DOM and how HTML, CSS, and JavaScript all relate to each other.

This course's project is part of our Front-End Web Developer Nanodegree.

Projects

Take a design mockup as a PDF-file and replicate that design in HTML and CSS.

Syllabus

Lesson 1 - From Design to Code

Diligently employ a code/test/refine strategy as you precisely and deliberately translate initial design documents into static web pages. You'll also investigate the Document Object Model (DOM) and its implications for web development.

Lesson 2 - Your Own Framework

Take pride in creating and personalising your own multi-platform, responsive CSS framework for publishing your professional portfolio projects to the web.

Lesson 3 - Learning and Using Bootstrap

Strategically investigate an existing professional CSS framework as you use it to build a website using responsive design principles while maintaining code readability.

                https://www.class-central.com/mooc/2659/udacity-intro-to-html-and-css

Object-Oriented JavaScript

Why Take This Course?

As a Front-End Web Developer, JavaScript is one of the most important languages in your toolbox. A strong foundation in the language’s features empowers you to write efficient and performant web applications. In this course you’ll explore a variety of ways to write object-oriented code in JavaScript.

You’ll build a variety of JavaScript objects and explore how their different inheritance models affect your code’s execution and in-memory model. You’ll use these features to write memory efficient code and seek simplicity and modularity in your own code.

Projects

Use your object-oriented JavaScript skills to develop a performant, organized and easily maintainable version of the classic arcade game, Frogger.

Syllabus

Lesson 1: Scopes and Closures

Lesson 2: The Keyword “this”

Lesson 3: Prototype Delegation

Lesson 4: Code Reuse

Go To Class