Responsive Web Design

Home > Courses > Software Development > Responsive Web Design

Responsive Web Design

Build responsive and visually appealing websites

In this course you’ll learn to create dynamic and user-friendly websites that look great on any device. Delve into the principles of responsive design, exploring topics such as fluid layouts, flexible grids, and media queries. Through hands-on projects and practical exercises, you’ll gain proficiency in HTML, CSS, JavaScript AND JQuery while mastering techniques to build responsive and visually appealing websites. You’ll also learn about the basic theme customization with WordPress CMS.

Enroll Now

Acquire a skill and become job-ready with professional certifications

Contact Sales Representative to Enroll

Online

BDT 25,000

BDT 12,500

On-Campus

BDT 50,000

BDT 25,000

Discount Available for Limited Time!

Share this course

Discover the principles and techniques behind designing websites that adapt seamlessly to various devices and screen sizes, ensuring an optimal user experience for all. Become proficient in HTML 5, CSS 3, JQuery, JavaScript, Bootstrap, and WordPress.

Key Features

Tools Covered

What you'll learn

On completion of the course, students will be able to:

Learning Path

Introduction to HTML & CSS

Introduction with HTML (Syntax and Attributes)

HTML Intro with All Version
HTML Syntax
HTML Tags
HTML5 Semantics
HTML5 Attributes

Assignment

Making a Full Website Layout Using HTML & CSS

Creating web Layout using HTML & CSS

HTML Block level elements
Types Of CSS
CSS Integration in HTML
CSS Selectors
CSS Box Model
CSS Easy Properties

Assignment on Layout

Designing a Sign-in, Sign-up Page Having a Navbar

HTML Form Creation
Navigation Bar Using CSS
CSS3 Background Variation
Position Property

Assignment

Making a One-Page Website Having Common Features

Single Page Website Concept

HTML Media
Iframe Integration ( Youtube, Map, Vimeo)
CSS Overflow
Font Intregration
CSS Pseudo Classes

Assignment on Single Page Design

Learning to Use CSS3 Features for Making Smart Web Designs

CSS3 Effects & Implementation

CSS3 Attributes
CSS3 Transformation
CSS3 Transition
CSS3 Animation
Other CSS3 Effects

Assignment (Add Image Gallery with Previous Project)

Learning to Make a Website that Has Multiple Pages

Multipage Website Creation & Media Query

Find Out Challenging Part of Final Assignment
Image to Complete Web-Layout

Final Project

Discussion on Final Project and Problem Solving of Covered Topics

Project Submission (HTML & CSS

Problem Solving
Full Overview
Q&A Session
Exam on Covered Topics

Project Review

Learning About Self Branding & Fiverr Account

Branding – Own SEO(Create Social Media Accounts With Same Name and Picture)

Get a Proper Logo
Give Back to the Community
Keep an Updated Portfolio

Video Portfolio – Platforms (Rawshots/Pawtoon)

How to Create Own Portfolio
Keep an Updated Portfolio

Payoneer Account Creation
First Assignment Announcement – Own Branding/SEO with Social Accounts

Introduction to Bootstrap, a Framework for Making Responsive Websites

Introduction with Bootstrap & Grid System

Bootstrap Intro
Bootstrap Implementation or Installation
Bootstrap Grid & Gutter System

Assignment (Responsive Layout)

Making a Webpage Using Bootstrap and Its Components

Knowing Bootstrap Facilities

Bootstrap Contents
Bootstrap Components
Bootstrap Utility Classes

Assignment (Enhance the Last Project Based on Covered Topics

Making a Navigation Bar and Image Slider Maintaining Bootstrap Standards

Onepage Responsive Design With Navbar & Carousel

Bootstrap Navbar
Bootstrap Carousel
Bootstrap CSS Overriding with Your Own CSS

Assignment Announce (One Page Responsive Website)

Final Project Showcase and Problem Solving of Covered Topics

Problem Solving and Follow-Up for Final Project
Another PSD to Responsive Design as a Group Project

Introduction and Profile Creation in Fiverr Marketplace

Introduction with Fiverr

Account Creation
Profile Orientation
Motivation + Fun + Rules and Regulations
Fiverr Forum
Fiverr Levels Benefits & Eligibility
Payment Method Adding

Second Assignment (Fiverr Account Creation)
Assignment

Learning How to Create a Gig from Scratch, How to Bid and Win Jobs Using the Gigs

Creating Gig in Fiverr

Gig Creation Tricks

Gig Marketing – 3 Unique Tricks
Fiverr – Gig Checking (One by One)

Buyer Request Sending (Bidding Process)
Order Delivery Process & Revision Process
Resolve Now Uses

Thousand Tricks on Fiverr
Third Assignment (Create 7 Gigs)

Learning to Use JavaScript's Biggest Library - jQuery

jQuery Intro

jQuery HTML & CSS
Form Validation Using JS/jQuery
jQuery Implementation with Small Examples
Useful jQuery Plugin Integrations

Using Most Used Plugins of jQuery in Our Website

How to Work with jQuery Plugin (Owl Carousel)
jQuery Parallax
Filterable Gallery Plugin
Smooth Scroll Plugin
Animate.css with Wow.js
Website Preloader

Final Project Using Plugins

Getting Acquainted with WordPress: The Most Used CMS in the World

Introduction to WordPress

XAMPP Installation
WordPress Dashboard
Blog Website

Designing a WordPress Website Using Page Builder

WordPress Installation and Page Building with Elementor Builder

cPanel Introduction & WordPress Installation
Page Builder Introduction – Elementor, Visual Composer, Divi Builder, Beaver
Building a Page Using Elementor
Explaining Types of Themes and Licenses

Assignment – Design a Portfolio Website Using Elementor Builder

Getting Used to Theme Customization and Understanding Themes and Plugins

Betheme Customization

Paid Theme Installation, Demo Content Upload & Backup (BeTheme)
BeTheme Customization (With Landing Page Creation)
WordPress Menu-SubMenu, Page, Post Creation
Revolution Slider

Assignment on “One-Page Website”

Introduction to Divi Theme, Builder, and Custom Forms

Divi Theme and Builder

Introduction to Divi Builder
Creating a Full Page Using Divi Builder
Membership Plugin

Forms

Contact Form 7 – Full Custom Form (Redesign) Creation with Add-ons
Contact Form 7 Add-ons – Skins, Redirection, Database
WP Forms, Gravity Forms, Elementor Pro Forms
Popup – ConvertPlus

Assignment – Design SignUp, Registration Form, Booking Form

Making a Full E-Commerce Site Using WordPress

How to Create an eCommerce Website

eCommerce Website Introduction (Any Theme)
Creating a Multi-Product eCommerce Website
WooCommerce Plugin, Payment Gateway Integration
Add To Cart, Shop, Checkout & Payment Options (Local & International – SSL)
WooCommerce Plugins – (Product Magnifier, WooCommerce LightBox, WooCommerce Price Based on Country, PDF Invoices & Packing Slips Integration)

Final Project on eCommerce Site Creation

Lead Generation Campaign

Form Creation & Integration Using MailChimp

Email Template Creation Using “MailChimp Plugin”
Full Campaign Setup with Automation
Explaining the Use of All Types of Forms
Revolution Slider Customization

Assignment Announcement on Portfolio Website with Theme

Cloning, Migration, Speed Performance, and Some Plugins

Booking Method, Migration & Speed Optimization

Speed Increase of WordPress Website
WordPress SEO using Yoast SEO and All-in-One SEO Pack Plugin
Booking Method, Multilanguage Translation Pro Plugin
WordPress Website Migration

Assignment Announcement on Share Your Post on All Social Media

WordPress Tips & Tricks

Overview Class

Chat Plugin, Nextend, and Miscellaneous Plugins
Bug Fix, Security, Hosting/Domain Transfer – Basic Issue Solving

WordPress Exam

Introduction and Profile Creation on Upwork

(Upwork) Marketplace & Profile Creation

Profile Set Up + Skill Selection + Title + Overview + Own Video
Portfolio Set Up
Upwork Test Attending Tricks
Education + Certificate + Experience Set Up
Profile Set Up + Overview + Own Video

Assignment on Upwork Profile Creation and Bid on 1 Job Daily

Knowing Types of Jobs in Upwork and How to Apply for the Jobs

(Upwork) Hourly & Fixed Job

Top Rated & Rising Talent Eligibility and Benefits
Time Tracking for Hourly Jobs
Milestone Process for Fixed Jobs
Good Client Finding Ways + Client Selection Criteria
Bidding (Submit Proposal) + Award-Winning Cover Letter Tricks
Getting Interviewed + Messaging
Job Offer + Accept Offer + Getting Hired
Job Submission and Revision
Ending a Contract
Payment Process + Get Paid + Withdraw Money

Upwork Thousand Tricks & Getting Success
Assignment on Upwork Profile Creation and Bid on 1 Job Daily

Introduction, Profile Creation, and Job-Applying Process in PeoplePerHour

Tips and Tricks + PeoplePerHour

Account Opening
Profile Orientation

Create Hourly

Browse Jobs & Bidding on a Job
Boosting Your Sales
Bundle Up Skills
Hire Me Widget
Social Sharing & Profile Marketing
Leaderboard Concept
Order Delivery & Invoice Submission
Payment System Adding & Withdraw Money

PPH Thousand Tricks & Getting Success
Assignment on PPH Profile Creation and Bid on 15 Jobs
Sheet Submission for Profile Link + Video Link + Social Media Link
Sheet Submission for Bidding and Cover Letter Checking

Who Will Benefit

The course is designed to benefit a wide range of individuals seeking to thrive in the digital landscape. Potential beneficiaries include:

Skill Level

Eligibility

To enroll in this course, participants should meet the following eligibility criteria:

Prerequisite

Develop Your Knowledge and Skills for a Successful Career

Earn a certificate and get ready for your dream job!

Training 1.5M+ Learners and Professionals in 15+ Countries

Build Your Future!

Enroll in CodersTrust Digital Skills courses and get globally accepted certifications.

Frequently Asked Questions

What types of educational training do you offer, and are they available both online and offline?

We offer a diverse range of educational training programs that cater to various subjects and skills. Our courses are available both online and offline to provide flexibility to our students.

How can I enroll in a course, and what is the payment process?

You can easily enroll in a course through our website. The payment process details will be outlined during the enrollment process.

What happens if I miss a live session?

Don’t worry if you miss a live session; recordings will be made available for you to catch up. Additionally, you can reach out to our support team for any clarifications or additional resources related to the missed session.

What kind of support is available for students?

We provide comprehensive 24/7 support to our students. This support is accessible through our dedicated Facebook Groups and in-person at our campus during specified hours. Additionally, our commitment to your success goes beyond the completion of the course, as you have access to lifetime support.

Are there any assessments or exams associated with the courses?

The assessment structure varies for each course, and details will be provided during the orientation. Some courses may have quizzes, assignments, or exams to evaluate your understanding of the material.

Do I need a specific educational background to enroll in your courses?

Not at all! We’ve crafted our courses to be accessible to individuals from all educational backgrounds. Whether you have a high school diploma, a college degree, or come from a different field entirely, you are welcome to enroll. Our inclusive approach ensures that anyone with the enthusiasm to learn can benefit from our educational programs.

What happens if I face technical issues during an online session?

In case of technical issues, our support team is available 24/7 to assist you. You can reach out through the designated channels, and we’ll promptly address any technical challenges you may encounter.

I have one more question. Where should I ask it?

Feel free to reach out! Simply email your inquiries to hello@coderstrustbd.com, and our team will respond within 24 hours to assist you further.

Innovating to Transform High-Potential Youth into Skilled Digital Workforce Worldwide

CONTACT

40 Wall Street, Suite 2004

New York 10005, USA

House# 82, Road# 19/A, Block# E

Banani, Dhaka-1213

Bangladesh

Unsubscribe anytime

We Accept

Follow Us!

FOLLOW

Follow Us!

FOLLOW