Responsive Web Designer Course

Learn the practical way of “Creating Awesome Websites” that run on different screen sizes (using HTML5, CSS3 & Bootstrap Responsive Framework)
by building 2 websites from scratch in the course…

= The Projects You Will Build In The Course =

Why Taking This Course?

  • Practical Based Course

    The student will learn how to put the knowledge acquired into practice by building 2 real websites. The first project will be a pre-designed web page on pdf file, and the student will have to convert this file into HTML5 & CSS3. The second one, the student will build his/her own responsive personal website.

  • Industry Skills-Set

    This course is not just about coding skills. The student will learn how to code and build websites using the industry skills-set like the text-editor to be used, the publishing processes of the website upon completion using FTP, managing the web hosting accounts, and buying the right domain names.

  • Live Projects Over The Internet

    Upon the completion of the course, the student will have live websites that were developed in the course under real domain name (i.e. www.johndoe.com), which can be shown to your family, friends, and even your future employers.

  • Free Gift Cards

    Each student will have a free Gift Card, which will be used to purchase his/her own domain name, and 1 year subscription for web hosting account.

“Upgrade Your Skills & Have Better Career Opportunities…”

What Will You Learn?

  • Know how web works between the Client and Server
  • Design Websites using the latest web technologies
  • Design Responsive Websites from scratch that run in all devices (computers, laptops, mobiles)
  • Convert PSD (Photoshop) files into fully functional websites using HTML5 & CSS3
  • Upload your website to the hosting server, and make it public on the internet.

This Course is Suitable For

  • Graphic Designers (who wants to take their skills to the next level)
  • Backend Developers (who wants to tackle frontend skills)
  • Freelancers / Job Seekers
  • Students
  • Bloggers
  • Anyone who wants to design or develop websites for a living / for fun and entertainment.

The Curriculum (Click the topics for more details)

  • How the web works technically
  • What is HTML?
  • HTML structure & tags
  • HTML Head & Body
  • Title, Headers & Paragraphs
  • Anchor Tags
  • Ordered & Unordered Lists
  • Divs & Spans
  • Blocks & Inline Elements
  • HTML5 Semantic Tags
  • Forms & Tables
  • Images, Audios & Videos
  • Popup Quizzes
  • Coding Challenges
  • What is CSS/CSS3
  • Inline, Internal & External CSS
  • CSS Properties & Values
  • CSS IDs & Classes
  • Selectors (Elements, Ids and Classes)
  • Pseudo-Classes
  • CSS Fonts & Typography
  • Boundaries (Borders, Margins & Paddings)
  • The Box Model
  • The Box Positioning
  • CSS3 Shadows (Text & Box)
  • CSS3 Transform
  • CSS3 Transitions
  • CSS3 Animations
  • CSS3 Media Queries
  • Popup Quizzes
  • Coding Challenges
In this project, the student will be given a ready-made design file in psd format, and start converting the given file into a fully functional website.
The student will have the chance to apply the concepts learned so far.
  • What is Bootstrap?
  • The Grid System
  • Jumbotron
  • Navbar & Navs
  • Buttons & Button Groups
  • Typography & Glyphicons
  • Wells & Alerts
  • Forms & Inputs
  • Lists & Tables
  • Modals & Carousel
  • Popovers & Tooltip
  • Scrollspy
  • Popup Quizzes
  • Coding Challenges
In this project, the student will build his / her own personal website and make it fully responsive using bootstrap framework.
The student will show his / her competencies by building responsive website from scratch.
This is considered to be the last module in this course.
The student will learn how to purchase the right domain name for his / her website, and upload the website into the server using paid hosting plan & FTP client program, and show his / her website to the public.