Description

ফ্রন্ট এন্ড ওয়েব ডেভেলপমেন্ট লেভেল 1 কোর্সে স্বাগতম। এই কোর্সটি আপনার Front End Development শিখা এর যাত্রা শুরু করার জন্য তৈরি করা হয়েছে। এটি আপনাকে শেখাবে কিভাবে HTML5 এবং CSS3 দিয়ে অসাধারণ ওয়েবসাইট তৈরি করতে হয়। আপনি এক্সডি, পিএসডি এবং ফিগমার মতো ডিজাইন ফাইল থেকে কীভাবে একটি ওয়েবসাইট তৈরি করবেন তা শিখবেন। এই কোর্সে একটি বাস্তব জীবনের প্রোজেক্ট অন্তর্ভুক্ত রয়েছে যেখানে আমরা একটি ডিজাইন ফাইল থেকে একটি কর্পোরেট ওয়েবসাইট তৈরি করব। আপনাকে কিছু দুর্দান্ত কৌশল এবং টিপসও দেখানো হবে যা আপনাকে দ্রুত কাজ সম্পন্ন করতে সহায়তা করবে। এই কোর্সে SASS অন্তর্ভুক্ত রয়েছে, সবচেয়ে জনপ্রিয় CSS প্রি -প্রসেসর।



সমস্ত সোর্স কোড প্রদান করা হবে যাতে আপনি আপনার কোডে একটি ত্রুটি বা বাগ সমাধান করতে পারেন।

এই কোর্সে যে বিষয়গুলি রয়েছে:

  • HTML5
  • Semantic HTML
  • CSS3
  • Flexbox
  • Animations and keyframes
  • CSS variables
  • SASS
  • একটি সম্পূর্ণ ওয়েবসাইট প্রোজেক্ট

Prerequisites & Requirements

  • একটি ইন্টারনেট সংযোগ সহ কম্পিউটার।
  • এই কোর্সটি মোবাইলে দেখা যায়, এবং বেশিরভাগ কাজ মোবাইলেও করা যায়, কিন্তু এটি আদর্শ নয়।

Curriculum

  • Chapter 00: Coderstrust

    0:48m
    • C0.01: Welcome to your learning journey!

      Resource
    • C0.02: What is Coderstrust?

      Video
    • C0.03: Coderstrust & You

      Resource
    • C0.04: Setting goals

      Resource
    • C0.05: Join our Community

      Resource
    • C0.06: How it works: Assignments

      Resource
    • C0.07: How it works: Quiz

      Resource
  • Chapter 01: Introduction

    13:19m
    • Intro

      Video
    • Lesson 2 : How to get the most out of this course

      Video
    • Lesson 3 : Let's get the setup done

      Video
  • Chapter 02: HTML Basics

    107:52m
    • Lesson 1 : The document structure and doctype

      Video
    • Lesson 2 : What are HTML tags ?

      Video
    • Lesson 3 : Tags for handling text

      Video
    • Lesson 4 : HTML Lists

      Video
    • Lesson 5 : Link tags

      Video
    • Lesson 6 : HTML Tables

      Video
    • Lesson 7 : Image tags

      Video
    • Lesson 8 : Conventional and Layout HTML tags

      Video
  • Chapter 03: Advance HTML

    77:56m
    • Lesson 1 : Form tags

      Video
    • Lesson 2 : What is Semantic HTML

      Video
    • Lesson 3 : Semantic tags (header, footer, section, article)

      Video
    • Lesson 4 : Semantic tags (aside, main, time)

      Video
    • Lesson 5 : HTML5 video/audio

      Video
    • Lesson 6 : HTML meta tags

      Video
    • Lesson 7 : HTML special characters

      Video
  • Chapter 04: Creating a full website structure in HTML

    0:0m
    • Create a small website structure where you will display information about yourself

      Resource
  • Chapter 05: Fundamentals of CSS

    72:41m
    • Lesson 1 : What is CSS and how CSS works

      Video
    • Lesson 2 : Ways to select an element to style

      Video
    • Lesson 3 : Font and Text styling

      Video
    • Lesson 4 : The Box Model

      Video
    • Lesson 5 : Changing colors and backgrounds

      Video
  • Chapter 06: Advance CSS

    71:55m
    • Lesson 1 : CSS layout properties

      Video
    • Lesson 2 : Advance CSS properties

      Video
    • Lesson 3 : Pseudo Properties

      Video
    • Lesson 4 : Transitions and Transform

      Video
  • Chapter 07: Responsive Design

    58:9m
    • Lesson 1 : CSS Flexbox and it’s uses

      Video
    • Lesson 2 : Media Queries and Breakpoints

      Video
    • Lesson 3 : Making grids with Flexbox to create a full website layout

      Video
  • Chapter 08: Lets Style our HTML website structure

    0:0m
    • Style the website structure that you build in the previous (Chapter 4) assignment

      Resource
  • Chapter 09: Fundamentals of Bootstrap 5

    80:11m
    • Lesson 1 : What is Bootstrap why to use it

      Video
    • Lesson 2 : How to setup Bootstrap for a project

      Video
    • Lesson 3 : The Bootstrap Grid

      Video
    • Lesson 4 : Breakpoints

      Video
    • Lesson 5 : Rows and Columns

      Video
    • Lesson 6 : Bootstrap Components and Elements

      Video
  • Chapter 10: Advance Bootstrap 5

    72:14m
    • Lesson 1 : Bootstrap Utilities

      Video
    • Lesson 2 : Forms

      Video
    • Lesson 3 : Helpers

      Video
  • Chapter 11: Dart SASS

    65:31m
    • Lesson 1 : What is SASS and how to use it

      Video
    • Lesson 2 : Variables

      Video
    • Lesson 3 : Nesting

      Video
    • Lesson 4 : Modules

      Video
    • Lesson 5 : Operators

      Video
    • Lesson 6 : Mixins

      Video
  • Chapter 12: Lets create a Responsive Landing with Bootstrap and SASS

    0:0m
    • ReCreate the Assignment Website

      Resource
  • Conclusion

    0:0m
    • One Last Step : Verification

      Resource

Check out these courses