Search for:

WEB Development with HTML5 & CSS3

 HTML, CSS

I am a young High School aspiring Web Developer/IT Consultant. I want to study web development in order to be able to assist startup businesses to offer their products online. I took few tutorials on WordPress sites but I cannot build a site from the scratch using modern technologies like HTML, CSS and JavaScript. With the Responsive Website Basics Course, I want to learn to Code with HTML, CSS, and JavaScript and other related applications so that I can use it as a foundation for a new professional carrier. I also want to use this skill to earn some income to further my education to acquire a Bachelor of Science Degree in Computer Science. With Responsive Website Basics course, I will be able to better understand coding languages and use HTML, CSS and JavaScript to make simple web pages.  I need assistance to learn this course to help achieve my dream.

RESPONSIVE WEBSITE DEVELOPMENT AND DESIGN

RESPONSIVE WEBSITE DEVELOPMENT AND DESIGN     

About this Specialization

Responsive web design is all about creating the best user experience regardless of whether a user is accessing your site from a desktop computer, a mobile phone, or a tablet.

This Specialisation covers the basics of modern full stack web development, from UX design to front-end coding to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation.

You will add several projects to your portfolio to demonstrate your skill and growth throughout this Specialisation. You will create web pages using basic elements to control layout and style, use responsive web design principles to take a site from wireframe to website, implement security features, and create collaborative multi-user experiences. Just like any professional full stack web developer, you will build accessibility and usability into your responsive websites.

Applied Learning Project

Upon completing the five courses in the Responsive Website Development and Design Specialization, along with the Capstone Project, you’ll have designed and launched your own fully-functioning, responsive web application.

In the capstone project, you will:

  1. Develop a complete website using the full range of skills learned during the specialization
  2. Work through a structured process from idea generation to product delivery
  3. Document and receive feedback on the development of your project from an idea to a fully functional piece of software in a series of structured assignments including peer interactions

RESPONSIVE WEBSITE BASICS

RESPONSIVE WEBSITE BASICS
Code with HTML, CSS, and JavaScript

by University of London & Goldsmiths, University of London

Course Outline

In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity.

At the end of the course, you will be able to:

  1. Define the purpose of HTML, CSS and javascript
  2. Make a simple web page using HTML
  3. Use CSS to control text styles and layout
  4. Use CSS libraries such as bootstrap to create responsive layouts
  5. Use javascript variables and functions
  6. Manipulate web page content using javascript
  7. Respond to user input using javascript

In this course, you will complete:

2 assignments writing HTML, CSS and javascript, each taking ~1 hour to complete

2 quizzes, each taking ~20 minutes to complete

Grading and assessment information

After each lesson there are practice quizzes which will test your knowledge from the video lecture you have just watched. Your attempts at these quizzes will not count towards your final grade for the course and will not affect your ability to achieve the course certificate.

Certificate

In order to achieve the course certificate you must complete all module summary quizzes and both peer assessments.

All modules have a graded quiz which each count towards 10% of your overall grade for the course.

There is a peer assessment at the end of modules 1.2 and 1.4 which each count towards 30% of your overall grade for the course.

The pass mark for this course is 65%.

Week 1 – HTML: Structure & Content

Course Content

·         Introduction

·         Web basics

·         Set up the dev environment

·         Write some HTML

·         Build a Nav bar

·         Images and lists

·         Properly structured documents

·         The World’s first web page revisited

·         What does ‘responsive’ mean?

·         HTML summary

Week 1 – CSS: Display & Appearance

Course Content

·         Introduction
·         External CSS file
·         Fonts
·         Customising links
·         Layout control
·         Install Bootstrap
·         Responsive grid
·         CSS Summary

Responsive Website Tutorial

Responsive Website Tutorial

In this course, we will show you exciting examples of collaborative, interactive web applications that use various types of media including sound, images and big data.

We will show you how to build sites that provide precisely this functionality, using Meteor. We will also provide fully working example application code that you can use for your own commercial web projects. The course also provides a range of advice and suggestions about how to develop bespoke web applications which match the requirements of clients, where clients are people who commission the product or people who use the product. We will take you through the development of the following applications: 1. A portfolio website with collaborative blogging functionality. 2. An interactive, realtime, multi user music remixing system. 3. An interactive, online graffiti wall where users can collaborate to create graphics. 4. An interactive data visualisation platform for exploring and plotting big data in exciting ways.

At the end of this course, you will be able to: • Implement animated data visualisations and graphics using advanced user interface libraries such as vis.js • Work with external data sources • Create multi user, realtime, collaborative environments • Use media APIs such as the Web Audio API Participation in or completion of this online course will not confer academic credit for University of London programmes.