Responsive Webpage: A Fast Pick-up with HTML-CSS-JavaScript

Course

Online

£ 50 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

This course is the way to go if you have no idea about responsive webpage design but have already known the sufficient knowledge on HTML, CSS and JavaScript - and you want to learn responsive design fast. I will show you what responsive webpage design is, and the fundamental concepts underlying the building of such pages.Of course we shall see how people are doing this in the contemporary mainstream web design, and also the educated suggestions of a better diversion from the mainstream.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

The minimal information to know how to start designing responsive webpage
Confidence to start seeking knowledge on your own
Understand how most people achieve responsive webpage
Know more alternatives to responsive design

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • MS Excel
  • Web
  • Materials
  • Video Editing
  • Design
  • Javascript
  • HTML
  • Javascript training
  • Excel

Course programme

Introduction 3 lectures 18:48 Introduction and Pre-requisites [Part 1] You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. Introduction and Pre-requisites [Part 2] This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. Introduction and Pre-requisites [Part 3] This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. Introduction 3 lectures 18:48 Introduction and Pre-requisites [Part 1] You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. Introduction and Pre-requisites [Part 2] This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. Introduction and Pre-requisites [Part 3] This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. Introduction and Pre-requisites [Part 1] You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. Introduction and Pre-requisites [Part 1] You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. Introduction and Pre-requisites [Part 1] You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. Introduction and Pre-requisites [Part 1] You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. You will be given some introductory definitions and and pre-requisites to excel in this course. In this video, the per-requisite is about the tools that you will be using. Introduction and Pre-requisites [Part 2] This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. Introduction and Pre-requisites [Part 2] This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. Introduction and Pre-requisites [Part 2] This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. Introduction and Pre-requisites [Part 2] This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. This lecture / tutorial talks about the first and foremost requirement to follow this course, i.e. some surface knowledge on HTML. Introduction and Pre-requisites [Part 3] This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. Introduction and Pre-requisites [Part 3] This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. Introduction and Pre-requisites [Part 3] This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. Introduction and Pre-requisites [Part 3] This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. This lecture / tutorial talks about the set of knowledge that should come together with HTML as pre-requisite, i.e. CSS and JavaScript. The students should also have some prior knowledge on jQuery. Fast Resposive Webpage by Ready-made Free Template 8 lectures 01:01:26 Free Responsive Webpage Template 1 [Part 1] This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. Free Responsive Webpage Template 1 [Part 2] In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. Free Responsive Webpage Template 1 [Part 3] In this third part of the tutorial on editing template, the students are shown how to edit and/or replace content images and content text. Free Responsive Webpage Template 1 [Part 4] In the fourth part, the students are taught how to edit or most likely remove certain unwanted elements in the template. This includes some menus, search and login features, analytics, etc. Free Responsive Webpage Template 1 [Part 5] In the fifth video, the students are taught how to add more items of the existing ones in the template.This video also shows how to edit the second level page template by doing the similar editing that were done on the landing page. Free Responsive Webpage Template 1 [Part 6] In this sixth video, the tutorial shows how to un-comment and explore the advanced web elements that are already in the HTML5UP template but hidden. Free Responsive Webpage Template 2 [Part 1] This is the seventh and second last video of this section. In this video, the tutorial is on editing the second template downloaded from Zypop. The package was explored and editing was done on the carousel that it provides.If you cannot find the package used in this video, or if it is not available anymore, you can download it from downloadable materials section. Free Responsive Webpage Template 2 [Part 2] This last video on editing the template from Zypop, the tutorial goes on by showing the editing to add web elements of table, form elements and buttons. Fast Resposive Webpage by Ready-made Free Template. 8 lectures 01:01:26 Free Responsive Webpage Template 1 [Part 1] This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. Free Responsive Webpage Template 1 [Part 2] In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. Free Responsive Webpage Template 1 [Part 3] In this third part of the tutorial on editing template, the students are shown how to edit and/or replace content images and content text. Free Responsive Webpage Template 1 [Part 4] In the fourth part, the students are taught how to edit or most likely remove certain unwanted elements in the template. This includes some menus, search and login features, analytics, etc. Free Responsive Webpage Template 1 [Part 5] In the fifth video, the students are taught how to add more items of the existing ones in the template.This video also shows how to edit the second level page template by doing the similar editing that were done on the landing page. Free Responsive Webpage Template 1 [Part 6] In this sixth video, the tutorial shows how to un-comment and explore the advanced web elements that are already in the HTML5UP template but hidden. Free Responsive Webpage Template 2 [Part 1] This is the seventh and second last video of this section. In this video, the tutorial is on editing the second template downloaded from Zypop. The package was explored and editing was done on the carousel that it provides.If you cannot find the package used in this video, or if it is not available anymore, you can download it from downloadable materials section. Free Responsive Webpage Template 2 [Part 2] This last video on editing the template from Zypop, the tutorial goes on by showing the editing to add web elements of table, form elements and buttons. Free Responsive Webpage Template 1 [Part 1] This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. Free Responsive Webpage Template 1 [Part 1] This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. Free Responsive Webpage Template 1 [Part 1] This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. Free Responsive Webpage Template 1 [Part 1] This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. This is the first video on editing the first chosen template. You are taught how to choose Google keywords, download it then unpack. You are also given some advice on the best practices with regards to template editing.The template used is the one obtained from HTML5UP. If you cannot find it from the portal shown in the video, or if it is not available anymore, you can download it from the downloadable materials section. Free Responsive Webpage Template 1 [Part 2] In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. Free Responsive Webpage Template 1 [Part 2] In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. Free Responsive Webpage Template 1 [Part 2] In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. Free Responsive Webpage Template 1 [Part 2] In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. In this second part of the tutorial on editing template, the students are shown how to edit and/or replace the titles and logo images. Free Responsive Webpage Template 1 [Part 3] In this third part of the tutorial on editing template, the students are shown how to edit and/or replace content images and content text iting the template from Zypop, the tutorial goes on by showing the editing to add web elements of table, form elements and buttons. ...

Additional information

Beginner's level knowledge on HTML, CSS and JavaScript Skill to use a text editor (recommended to be Notepad++ in Windows)

Responsive Webpage: A Fast Pick-up with HTML-CSS-JavaScript

£ 50 VAT inc.