- 01877710496, 01870726700
- contact@coderstrust.global
Follow Us!
Stay in the loop by connecting and following us on our social media! Keep up-to-date with our latest news and activities.
FOLLOW
- 01877710496, 01870726700
- contact@coderstrust.global
Follow Us!
Stay in the loop by connecting and following us on our social media! Keep up-to-date with our latest news and activities.
FOLLOW
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
Online
BDT 25,000
BDT 12,500
On-Campus
BDT 50,000
BDT 25,000
Discount Available for Limited Time!
- 102 Hours
- 26/34 Classes
- Instructor-Led
- Online/On-Campus
Share this course
- Professional Skill Development
- Freelancing Opportunities
- Project Management Skills
- Develop skills for real career growth
- Learn from experts active in their field
- Learn by working on real-world problems
- Structured guidance ensuring continuous learning
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
- In-depth coverage of HTML 5, CSS 3, JQuery, JavaScript, Bootstrap, and WordPress
- Responsive web design and development using grid layouts and media queries
- Hands-on experience with jQuery plugins and WordPress theme customization
- Guidance on effective branding and communication in freelance marketplaces
- Acquire language skills for freelance marketplaces, client communication, and effective branding
- Learn how to bid, win jobs, and manage projects while maintaining high client satisfaction
Tools Covered
What you'll learn
On completion of the course, students will be able to:
- Create HTML layout
- Create a sign in and sign up a page with a navigation bar
- Make Multipage website
- Make PSD to Responsive Design
- Understand and be able to apply media queries and breakpoints
- Add responsive jQuery plugins such as sliding carousels and social share buttons
- Create Landing Page
- Create E-commerce website
- WordPress Theme customization
- Build a responsive website from scratch or by using Bootstrap
Learning Path
- Introduction with HTML (Syntax and Attributes)
- HTML Intro with All Version
- HTML Syntax
- HTML Tags
- HTML5 Semantics
- HTML5 Attributes
- Assignment
- 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
- Sign in & Sign up page with navbar
- HTML Form Creation
- Navigation Bar Using CSS
- CSS3 Background Variation
- Position Property
- Assignment
- Single Page Website Concept
- HTML Media
- Iframe Integration ( Youtube, Map, Vimeo)
- CSS Overflow
- Font Intregration
- CSS Pseudo Classes
- Assignment on Single Page Design
- CSS3 Effects & Implementation
- CSS3 Attributes
- CSS3 Transformation
- CSS3 Transition
- CSS3 Animation
- Other CSS3 Effects
- Assignment (Add Image Gallery with Previous Project)
- Multipage Website Creation & Media Query
- Find Out Challenging Part of Final Assignment
- Image to Complete Web-Layout
- Final Project
- Project Submission (HTML & CSS
- Problem Solving
- Full Overview
- Q&A Session
- Exam on Covered Topics
- Project Review
- 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 with Bootstrap & Grid System
- Bootstrap Intro
- Bootstrap Implementation or Installation
- Bootstrap Grid & Gutter System
- Assignment (Responsive Layout)
- Knowing Bootstrap Facilities
- Bootstrap Contents
- Bootstrap Components
- Bootstrap Utility Classes
- Assignment (Enhance the Last Project Based on Covered Topics
- Onepage Responsive Design With Navbar & Carousel
- Bootstrap Navbar
- Bootstrap Carousel
- Bootstrap CSS Overriding with Your Own CSS
- Assignment Announce (One Page Responsive Website)
- Problem Solving and Follow-Up for Final Project
- Another PSD to Responsive Design as a Group Project
- 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
- 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)
- 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
- Introduction to WordPress
- XAMPP Installation
- WordPress Dashboard
- Blog Website
- 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
Designing a WordPress Website Using Page Builder
- 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”
- 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
- 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
- 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
- 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
- Overview Class
- Chat Plugin, Nextend, and Miscellaneous Plugins
- Bug Fix, Security, Hosting/Domain Transfer – Basic Issue Solving
- WordPress Exam
- (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
- (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
- 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:
- Ideal for those looking to kickstart a career in the dynamic world of web design and development
- Perfect for individuals aspiring to build a successful freelancing career in the digital space
- Tailored for professionals aiming to enhance their web design and development competencies
- Designed for anyone with a passion for creative digital pursuits, providing a platform to unleash their potential
Skill Level
- Beginner
Eligibility
To enroll in this course, participants should meet the following eligibility criteria:
- SSC/HSC or equivalent qualification
- Basic IT literacy
- Age: No specific age limit
Prerequisite
- Basic knowledge of PCs, MS Windows, internet and online proficiency
- Basic knowledge of English (reading, writing, speaking)
- Familiarity with coding (for HTML/ CSS etc.)
Develop Your Knowledge and Skills for a Successful Career
Earn a certificate and get ready for your dream job!
![](https://coderstrust.global/wp-content/uploads/2024/01/rwd_certificate.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/01/rwd_certificate.jpg)
Training 1.5M+ Learners and Professionals in 15+ Countries
![](https://coderstrust.global/wp-content/uploads/2023/11/Samia-Alam.png)
![](https://coderstrust.global/wp-content/uploads/2023/11/Samia-Alam.png)
Build Your Future!
Enroll in CodersTrust Digital Skills courses and get globally accepted certifications.
Frequently Asked Questions
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.
You can easily enroll in a course through our website. The payment process details will be outlined during the enrollment process.
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.
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.
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.
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.
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.
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.
![CodersTrust Logo](https://coderstrust.global/wp-content/uploads/2022/02/CodersTrust-Logo-white.png)
![CodersTrust Logo](https://coderstrust.global/wp-content/uploads/2022/02/CodersTrust-Logo-white.png)
Innovating to Transform High-Potential Youth into Skilled Digital Workforce Worldwide
MENU
CONTACT
40 Wall Street, Suite 2004
New York 10005, USA
House# 82, Road# 19/A, Block# E
Banani, Dhaka-1213
Bangladesh
SUBSCRIBE
Unsubscribe anytime
We Accept
![](https://coderstrust.global/wp-content/uploads/2024/05/bank-transfer.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/bank-transfer.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/visa.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/visa.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/mastercard.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/mastercard.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/bkash.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/bkash.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/Rocket.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/Rocket.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/Nagad.jpg)
![](https://coderstrust.global/wp-content/uploads/2024/05/Nagad.jpg)
Copyright © 2023 – 2024 CodersTrust | All Rights Reserved