Responsive Web Design Techniques
Track Digital Designing
Duration 30 hours
Skill Level Beginner
Language English

About this Course

Create flexible web layouts that adapt to various screen sizes using CSS frameworks and media queries.
Learning Mode: Learn at ALC or at Home

Detailed Course Curriculum

Hands-on module breakdown aligned with MKCL production standards and industry requirements.

  • Sitemap Crafting
  • Understanding UI and UX
  • Understanding what UI and UX are and the difference Between both
  • Exploring the field of UX and the 4 Cs of designing
  • Steps for using plugins in Figma
  • Internet and related concepts
  • Team Collaborative Spaces
  • Mastering Web Design: Your Guide to Website Creation
  • Skills required for web designing
  • HTML
  • Learning the basics of HTML
  • Learning the basics of HTML
  • Exploring different types of Tags in HTML
  • Exploring different types of Tags in HTML
  • Mastering HTML Basics
  • Mastering HTML Basics
  • Working with texts and links in HTML
  • Working with texts and links in HTML
  • Working with images in HTML
  • Working with images in HTML
  • Exploring the forms and understanding what XHTML is
  • Exploring the forms and understanding what XHTML is
  • HTML and CSS – Case study
  • Creating webpage using HTML and CSS
  • Creating webpage using HTML and CSS
  • CSS Core and Styling
  • CSS Core and Styling
  • Creating Navigation bar using CSS
  • Creating Navigation bar using CSS
  • HTML5, and CSS3
  • Creating impressive webpages using HTML5, and CSS3
  • Creating impressive webpages using HTML5, and CSS3
  • CSS Layout Dynamics
  • CSS Layout Dynamics
  • Exploring and applying CSS Styles
  • Exploring and applying CSS Styles
  • Responsive Styling Techniques
  • Responsive Styling Techniques
  • Working with CSS rules and AP elements
  • Working with CSS rules and AP elements
  • CSS Animation Essentials
  • CSS Animation Essentials
  • Exploring what CSS3 is and using the CSS Designer Panel
  • Exploring what CSS3 is and using the CSS Designer Panel
  • JavaScript
  • Learning about JavaScript (Hello world! and variables)
  • Learning about JavaScript (Hello world! and variables)
  • Mastering JavaScript Fundamentals
  • Mastering JavaScript Fundamentals
  • Learning about JavaScript (Conditional statements)
  • Learning about JavaScript (Conditional statements)
  • Learning about JavaScript (JS loops)
  • Learning about JavaScript (JS loops)
  • Learning about JavaScript (JS project)
  • Learning about JavaScript (JS project)
  • JavaScript Elements
  • JavaScript Elements
Eligibility Criteria
• Basic knowledge of computers and keen desire to build skills in this field.
• Open to students, job seekers, and working professionals.
Official Certification
• Official MKCL KLiC Certificate upon successful completion of the course and evaluations.
Work-Centric Learning Approach
• Step 1: Learners are given an overview of the course and its connection to life and work
• Step 2: Learners are exposed to the specific tool(s) used in the course through the various real-life applications of the tool(s).
• Step 3: Learners are acquainted with the careers and the hierarchy of roles they can perform at workplaces after attaining increasing levels of mastery over the tool(s).
• Step 4: Learners are acquainted with the architecture of the tool or tool map so as to appreciate various parts of the tool, their functions, utility and inter-relations.
• Step 5: Learners are exposed to simple application development methodology by using the tool at the beginner’s level.
• Step 6: Learners perform the differential skills related to the use of the tool to improve the given ready-made industry-standard outputs.
• Step 7: Learners are engaged in appreciation of real-life case studies developed by the experts.
• Step 8: Learners are encouraged to proceed from appreciation to imitation of the experts.
• Step 9: After the imitation experience, they are required to improve the expert’s outputs so that they proceed from mere imitation to emulation.
• Step 10: Emulation is taken a level further from working with differential skills towards the visualization and creation of a complete output according to the requirements provided. (Long Assignments)
• Step 11: Understanding the requirements, communicating one’s own thoughts and presenting are important skills required in facing an interview for securing a work order/job. For instilling these skills, learners are presented with various subject-specific technical as well as HR-oriented questions and encouraged to answer them.
• Step 12: Finally, they develop the integral skills involving optimal methods and best practices to produce useful outputs right from scratch, publish them in their ePortfolio and thereby proceed from emulation to self-expression, from self-expression to self-confidence and from self-confidence to self-reliance and self-esteem!

Ready to start Responsive Web Design Techniques?

Join our upcoming batch at ZICA Kalyani center with certified instructors.