• 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

Facebook-f Linkedin-in Youtube
Facebook-f Linkedin-in Youtube

@ Copyright 2022

  • 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

Facebook-f Linkedin-in Youtube
Facebook-f Linkedin-in Youtube

@ Copyright 2022

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

ENROLL NOW

Online

BDT 25,000

On-Campus

BDT 50,000
  • 108 Hours
  • 36 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

  • Introduction to Web Design
  • Web Design market demand
  • Learn HTML & CSS
  • Creating responsive web designs using HTML, CSS
  • Creating Responsive Layout with Bootstrap
  • How to use Bootstrap classes
  • Bootstrap landing page principle
  • Understand the principles of fluid grids, flexible images, and media queries
  • Ensure a consistent and optimized user experience across various platforms
  • Apply responsive design techniques to enhance usability and accessibility
  • Understanding of WordPress as a content management system (CMS)
  • Learn to install, configure, and customize WordPress websites efficiently
  • Develop proficiency in using themes and plugins to extend WordPress functionality and design
  • Understand best practices for content organization, including posts, pages, categories, and tags
  • Explore techniques for optimizing WordPress websites
  • Learn to manage user roles, permissions, and security settings effectively
  • Develop the skills to troubleshoot common WordPress issues and errors
  • Gain insights into WordPress maintenance, updates, and backups for site security and stability

Tools Covered

What you'll learn

On completion of the course, students will be able to:
  • Demonstrate proficiency in creating responsive web designs that adapt seamlessly to various screen sizes and devices
  • Apply principles of fluid grids, flexible images, and media queries to ensure optimal display across different devices
  • Utilize HTML, CSS, and JavaScript techniques effectively to implement responsive design solutions
  • Develop an understanding of user experience (UX) principles and apply them to create intuitive and accessible responsive layouts
  • Test and debug responsive designs across multiple devices and browsers to ensure consistency and usability
  • Implement responsive web design best practices to improve site performance and search engine optimization (SEO)

Learning Path

  • Orientation / Course Introduction
  • Orientation (By Student Affairs)
  • Course Introductions
  • Introduction To HTML
  • HTML Intro With All Versions
  • HTML Syntax/Structure
  • HTML Tags, Attributes, Semantic & Nested Elements
  • Introduction To CSS & Integration With HTML
  • Introduction To CSS
  • Job Offer, Accept & Hired
  • CSS Selector & Syntax
  • Typography (Color, Text, Font, Text Shadow, Icon)
  • CSS Display Property
  • Single Page / Landing Page Website Concept
  • CSS Box Model
  • CSS Display, Flexbox, Float
  • CSS Position
  • CSS Overflow
  • CSS Fonts Integrations
  • HTML Media / Iframe
  • Multi Page Website Concept
  • HTML Form
  • Navigation Bar / Menu Bar
  • CSS Others Properties
  • CSS Animations
  • CSS Gradients
  • CSS Transformations & Transitions
  • CSS Parallax
  • PSD To HTML & CSS Convert With Responsive
  • CSS Media Query Concept
  • Photoshop Installations & Introductions

Assignment 1: Convert PSD/XD/Figma to HTML/CSS

  • Introduction To Bootstrap
  • Bootstrap Intro With All Versions
  • Bootstrap Integrations & Implementations
  • Bootstrap Grid
  • Bootstrap Button, Images, Forms
  • Bootstrap 2
  • Bootstrap Responsive Navbar
  • Bootstrap Carousel, Slider
  • Bootstrap Modal
  • Bootstrap Accordion
  • Bootstrap CSS Overriding
  • Figma / XD To Website Creations
  • Figma To HTML, CSS & Bootstrap Convert
  • XD To HTML, CSS, Bootstrap Convert

Assignment 2: Convert PSD/XD/Figma to Bootstrap

  • Exam & Problem Solving
  • Quiz (Multiple Choice & Short Written)
  • Practice (Website Creations)
  • Problem Solving
  • Introduction to JavaScript
  • JS Intro
  • JS Syntax & Integration With HTML
  • JS Variable, Expression
  • JS Operators
  • JS Loop
  • JS Conditions
  • JS Functions
  • JS Simple Calculator Develop
  • Introduction to jQuery
  • jQuery Integration With HTML
  • jQuery Library & Plugin Finder
  • jQuery Counter Plugin
  • jQuery Form Validations
  • jQuery Carousel
  • jQuery Modal
  • jQuery Accordion
  • jQuery Gallery
  • jQuery Progress
  • Domain & Hosting
  • Discuss About Web Hosting, Domain, Shared Hosting, Cloud Hosting
  • VPS, Dedicated Hosting
  • cPanel, Web Mail, FTP Account, Addon Domain, Sub-Domain
  • Where We Buy Domain & Hosting?
  • Complete Multi Page Website with Bootstrap and submit live URL
  • Self Branding (Linkedin / Bdjobs Profile Creations)
  • Intro Self Branding
  • Create a Professional Linkedin Profile
  • Create a Professional Bdjobs Profile
  • Introduction To Fiverr
  • Account Creation
  • Fiverr Levels & Benefits
  • Payment Method Integrations
  • GIG Creations
  • Buyer Request Sending Process
  • Order Received & Delivery Process
  • Queries Solve According To Fiverr
  • WordPress Intro
  • WordPress Install
  • WordPress Setup
  • WordPress Dashboard

Assignment 3: Create a WordPress Blog Website

  • Elementor
  • Introduction – Elementor
  • Discussion About Elementor
  • Discussion on Elementor Related Plugins
  • Header Builder, Footer Builder, Popup Builder
  • WordPress Website Creations
  • Develop A Fully Completed Website Using Elementor
  • Responsive Website Development

Assignment 4: Create a Elementor based Website

  • Divi Builder
  • Introduction to Divi Page Builder
  • Install Plugin
  • Using Divi All Modules
  • Try to Build a Website Using Divi Builder
  • Make a full website with Divi
  • WordPress Form
  • WordPress Form – Contact Form 7
  • WordPress Form – WPForms
  • WordPress Form – Elementor Pro
  • WordPress Paid Theme Customization & Slider
  • WP Theme Customizations
  • WordPress Slider (Slider Revolution)
  • WordPress Slider (Elementor Slider)
  • eCommerce Website
  • What is eCommerce? How does it work?
  • Install WooCommerce Plugin
  • Setup an eCommerce Store Step by Step
  • All About Product
  • Add Product (All Types)
  • Know About WooCommerce Plugin Settings
  • WooCommerce Premium Themes
  • Introduction to eCommerce Theme
  • WoodMart Theme Install & Discuss Every Single Details Options
  • Build an eCommerce Website Using WoodMart Theme
  • Install Xstore Theme & Know About This Theme
  • Homework (Full eCommerce Website)

Assignment 5: Create a Shop using WooCommerce

  • Booking Website Creation
  • Install & Activate YITH Booking Plugin
  • Know About Booking Website Features & How it Works?
  • Create a Booking Product using YITH Plugin
  • Install Extra Product Option Plugin
  • Implement That How it Works
  • Add Advanced Feature on Our eCommerce Products
  • Homework (Add Three Booking Products & Products Advanced Option)
  • Payment Gateway Integration
  • Payment Intro
  • Manual Payment & Automatic Payment
  • Add Local Payment Gateway (bKash, Nagad, Rocket, Ucash, Bank, SSL)
  • Add Global Payment Gateway (PayPal, Payoneer, Skrill, Stripe, etc.)
  • WordPress Slider (Elementor Slider)
  • WordPress Slider (Smart Slider 3)
  • Complete Portfolio Website with Elementor, Blog Setup
  • MailChimp Intro
  • Mailchimp and WordPress Connection
  • Speed / Image Optimizations
  • Boost Speed
  • Cache Plugins
  • Build a Business website, speed optimize it, integrate ecommerce, security etc
  • Portfolio Website, Website Migration
  • Portfolio Website Creations
  • Website Migration Using Plugin
  • Website Migration Using Manually
  • Website Speedup & Security
  • Speed / Image Optimizations
  • Boost Speed
  • Cache Plugins
  • Website Security
  • Introduction to Migration
  • Website Migration using Plugin
  • Website Migration using Manual Process
  • Intro to LMS
  • Intro to Tutor LMS
  • Install and Setup Tutor LMS

Assignment 6: Create a course selling website

  • Upwork
  • Upwork Intro
  • Upwork Account Creation & Profile Development
  • Upwork Testing Attending Tricks
  • Upwork Portfolio Setup
  • Upwork & Freelancer.com
  • Upwork Levels & Benefits
  • Tricks for Hourly & Fixed Jobs
  • Bidding Tricks & Proposal Submission
  • Job Offer, Accept & Hired
  • Payment Process & Integrations
  • Freelancer.com Account Creation & Profile Setup
  • Project Submission Process & Receive Payment
  • Overview / Follow-up
  • All Freelance Marketplace Class Overview
  • Marketplace FAQs

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!

Training 1.5M+ Learners and Professionals in 15+ Countries
Build Your Future!

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

CONTACT NOW

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.

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

Facebook-f Linkedin-in Youtube
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

Copyright © 2023 – 2024 CodersTrust | All Rights Reserved

Select Your Option

Online

Course Fee

BDT 25,000
ENROLL NOW
On-Campus

Course Fee

BDT 50,000
ENROLL NOW
Get Quick Answers

Error: Contact form not found.