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.
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.
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
You might have seen a three column widget at the bottom section of many
commercial and professional blogs. Where you can add whatever stuff you
like. Take my footer widget as an example. I have added widgets that
further keeps the reader busy. This Footer widget contains three columns
where each column can accommodate as many widgets as you can add! In
order to add such a widget to the bottom section of your blogs and also
customize the look and feel of it then lets start learning today’s
tutorial.
Set up a blog, promote the blog, and use it to promote affiliate offers. This is by far the best known way to generate a source of passive income online.
One
of the Internet’s most common business models. Once you know
approximately what kind of market you want to attract, put together a
free product or information people can download if they give you their
email. Now drive traffic to a “landing page” that asks for the visitors’
email address. You can even install plug-ins nowadays called Squeeze
pages that pop up with an e-mail sign up box when people visit your
page. This is a great way to build subscribers and a sales funnel to
sell to.
This
is a natural follow-on to the first two methods. If you establish
yourself as a worthwhile source of information, you can charge people a
membership fee to receive more information or more access. You get
recurring income in exchange for your research and time spent producing
high-quality content. For truly passive income, you don’t produce the
content at all, and instead pay others. Quality control becomes the main
challenge then.
Customers
are buying products online at an extensive rate nowadays. This means
that there are a large number of customers looking for exactly what YOU
can supply them with.
If
you can find a market willing to pay significant amounts of money for a
service (like writing or design), and a source of labor that provides
the needed quality for a lower price, you can arbitrage the two. You act
as the “middle man”, “the hook up”.
Some website or blog categories tend to be more popular than others. These can be monetized through sponsorship of a product, logo or mentions of the sponsor.
This
is just like selling an eBook, except you publish and sell it yourself
(generally) and it can come in the form of an eBook, DVD, software,
audio book or VHS video.
For people who are willing to put in the time understanding just what MLM (Multi Level Marketing)
is. The problem with this approach is that it’s very close to a pyramid
scheme. In essence, you make money from signing up people who sell the
product. A number of highly reputable entrepreneurs such as 
This is very close to #1, but takes much more traffic. In order to make money while you sleep, the site has to be self-sustaining and self-maintaining, which isn’t the easiest thing to do, but is quite possible.
Risky and capital-intensive, peer-to-peer lending involves lending money to people over the internet — generally to people who can’t get credit any other way.
