Web Design for Beginners: Real World Coding in HTML & CSS


Also Included HTML5, CSS3 Extra Feature, Responsive Web Design with 10 Real Life Project

1103 STUDENTS ENROLLED

ইন্টারনেট সংযোগ না থাকলে কিংবা লাইভ ক্লাসে অংশ নিতে না পারলে আমাদের ওয়েব ডিসাইন এই কোর্সের লাইভ ক্লাসের করতে পারেন।

Description

ওয়েব ডিজাইন বর্তমানে সহজে এবং দ্রুত আয়ের একটি অন্যতম কোর্স, এর মাধ্যমে আপনি যেকোন কম্পানির ওয়েবসাইট সহজে বানিয়ে দিতে পারবেন। ফ্রিল্যান্সিং মার্কেটপ্লেসেও পিএসডি টু এইচটিএমএল এর প্রচুর কাজ রয়েছে।

 



Who can Learn:

যারা ওয়েব ডিসাইনার হিসেবে ক্যারিয়ার গড়তে চান।

অনলাইন উদ্যোক্তা বা আইটি স্পেশালিস্ট হতে চান।

যাদের কোডিং  এ আগ্রহ রয়েছে।

যারা পড়াশুনার পাশাপাশি পার্টটাইম কিছু করে পড়াশুনা চালিয়ে নিতে চান

 


What Will I Learn?

এইচটিএমএল, সিএসএস ও বেসিক জাভাস্ক্রিপ্ট।

যেকোনো ওয়েবসাইটের ডিসাইন করা।

CSS3 অ্যানিমেশন

PSD to HTML এ রূপানন্তর।

টুইটার বুটস্ট্র্যাপ।

অনলাইন থেকে উপার্জন।


  কিভাবে কোর্স অর্ডার করবেন দেখুন      কিভাবে লাইভ ক্লাস করবেন  দেখুন      এ কোর্সের বিগত ব্যাচের  কিছু ক্লাসের ভিডিওদেখুন 


যেটি যা প্রয়োজন

ইন্টারনেট কানেকশসহ একটি কম্পিউটার
কম্পিউটার ও ইন্টারনেট এর প্রাথমিক ধারণা
একটি হেডফোন (ল্যাপটপ হলে হেডফোন আবশ্যক নয়।

সাধারণত বাজারে কিংবা অন্যান্য ওয়েবসাইটে যে রেকর্ডিং টিউটোরিয়াল কিংবা ভিডিও কোর্সগুলো পেয়ে থাকি, সেগুলো বেশির ভাগই অনলাইন/ইউটিউব দেখে দেখে অদক্ষ ব্যক্তিরা ব্যবসার জন্য বানান। ২ মিনিট দেখে ২ মিনিট রেকর্ড করেন। অনেক ক্ষেত্রে পুর্নাঙ্গভাবে সবকিছু দেওয়াও থাকে না। কিন্তু ইশিখন.কম এর ভিডিওগুলো আমাদের স্বনামধন্য শিক্ষকদের লাইভ ক্লাসের ভিডিও, এর সাথে আমাদের বিগত ব্যাচের শিক্ষার্থীদের প্রশ্নোত্তর পর্বও রয়েছে এবং প্রতিটি বিষয় পুঙ্খানুপুঙ্খভাবে দেখানো হয়েছে, ফলে আপনি পুর্নাঙ্গভাবে শিখতে সক্ষম হবেন।

বিশেষ সুবিধা সমুহ

লাইভ ক্লাস মিস করলে পরের দিন কোর্সের ভেতর উক্ত ক্লাসের ভিডিও রেকর্ডিং ও আলোচিত ফাইল সমুহ পাবেন।
লাইভ ক্লাসের সম্পূর্ণ ফ্রি ভিডিও কোর্স, ( শুধুমাত্র এই ভিডিও কোর্সই অনেক প্রতিষ্ঠান হাজার হাজার টাকায় বিক্রি করে।)
প্রতিটি ক্লাস শেষে এসাইনমেন্ট জমা দেওয়া। (প্রতিটি এসাইনমেন্ট এর জন্য ১০ মার্ক)
প্রতিটি ক্লাসের লাইভ ক্লাসের পাশাপাশি প্রাকটিজ ফাইল পাবেন এবং কনটেন্ট পাবেন।
প্রতিটি ক্লাসের প্রথম ১৫ মিনিট আগের ক্লাসের সমস্যাগুলো সমাধান হবে, পরের ১ ঘন্টা মুল ক্লাস শেষ ১৫ মিনিট প্রশ্নোত্তর পর্ব
প্রতিটি ক্লাসের শেষে ১০ নাম্বারের মডেল টেস্ট। এই মডেল টেস্ট মার্ক এবং এসাইমেন্ট মার্ক ও নিয়মিত উপস্থিতির উপর ভিত্তি করেই পরবর্তীতে আপনার সার্টিফিকেট এর মান নির্ধারণ হবে।
কোর্স শেষে সার্টিফিকেট
লাইভ ক্লাস সমুহের ডিভিডি


কোর্স শেষে আয়ের ক্ষেত্রসমুহ:

আপওয়ার্ক , ফাইভর

এনভাটো মার্কেকে টেমপ্লেট বিক্রি।

ওয়েব ডিজাইনার হিসেবে যেকোন আইটি কম্পানিতে চাকরি

আপওয়ার্ক ও ফাইবারে ওয়েব ডিজাইন
সর্ম্পকিত কাজ

Course Batches

  • Group logo of WD-Batch-183-1

    WD-Batch-183-1

    WD-Batch-183-1(Sat-Mon-Wed)-8:00 PM Start Date: 6/10/2018

    October 6, 2018
    Enroll Now ›
  • Group logo of WD-Batch-F191-2

    WD-Batch-F191-2

    WD-Batch-F191-2(Sat-Mon-Wed)-3:00 PM Start Date: 27/02/2019

    February 27, 2019
    July 28, 2019
    Enroll Now ›
  • Group logo of WD-Batch-N191-1

    WD-Batch-N191-1

    WD-Batch-N191-1(Sat-Mon-Wed)-8:00 PM Start Date: 27/02/2019

    February 27, 2019
    July 28, 2019
    Enroll Now ›

Course Curriculum

Class 01:
1. – Introduction to web design 00:00:00
2. – Static Dynamic Website 00:00:00
3. – How Web Work? 00:00:00
4. – What Is Wireframing? 00:00:00
5. – Wireframing Tools. 00:00:00
6. – Course Module Overview 00:00:00
Project: Think about a website. Make a skeleton by using wireframing tools. 00:00:00
Class 02:
1. – Website Designing Tools 00:00:00
2. – IDE vs Code Editor 00:00:00
3. – HTML and Browsers 00:00:00
4. – File Extension 00:00:00
5. – Creating A HTML File 00:00:00
6. – Arranging files and making a startup package 00:00:00
Project: Creating startup package and upload it to google drive. 00:00:00
Class 03:
1. – HTML Syntax 00:00:00
2. – Basic Structure ( Head and Body Section) 00:00:00
3. – HTML Tags 00:00:00
4. – HTML Elements 00:00:00
5. – HTML Attributes 00:00:00
6. – HTML Typography 00:00:00
7. – HTML Block vs Inline Element 00:00:00
8. – Commenting in HTML 00:00:00
Project: Creating a web page with proper HTML Syntax. 00:00:00
Class 04:
1. – HTML Lists 00:00:00
2. – HTML Table 00:00:00
3. – Table Head and Body Contents 00:00:00
4. – Table Caption 00:00:00
5. – Attributes of Table 00:00:00
6. – Table Row and Column 00:00:00
Project: Creating a table. 00:00:00
Class 05:
1. – Introduction to HTML Form 00:00:00
2. – From Elements 00:00:00
3. – Input Types and Attributes 00:00:00
4. – Form Validations 00:00:00
5. – GET vs POST Method 00:00:00
6. – Form Arrangement (Fieldset) 00:00:00
Project: Creating a register form that requires every form elements. 00:00:00
Class 06:
1. – HTML Media Elements 00:00:00
2. – Different Types of Images 00:00:00
3. – Audio and Video Controlling 00:00:00
4. – Iframe in HTML 00:00:00
5. – Embedded Video from YouTube 00:00:00
Project: Creating a webpage where image, audio, video and gif animation will be embedded. 00:00:00
Class 07:
1. – HTML5 Semantic Elements 00:00:00
2. – Brief Discussion on HTML5 API 00:00:00
3. – HTML Review 00:00:00
Project: Create a Semantic Layout 00:00:00
Class 08:
1. – Introduction to CSS (Cascading Style Sheet) 00:00:00
2. – CSS Ruleset 00:00:00
3. – How to Link CSS 00:00:00
4. – Inline 00:00:00
5. – Internal 00:00:00
6. – External 00:00:00
7. – CSS Specificity 00:00:00
Project: Creating and linking a css file and implement important properties. 00:00:00
Class 09:
1. – Introduction to CSS Selectors 00:00:00
2. – HTML DOM Tree 00:00:00
3. – Universal Selector 00:00:00
4. – Type Selector 00:00:00
5. – Attribute Selectors 00:00:00
Class 10:
1. – Pseudo Classes 00:00:00
2. – Pseudo Elements 00:00:00
3. – Child and Adjacent Selectors 00:00:00
4. – ID vs Class Selectors 00:00:00
5. – Others 00:00:00
Project: Creating an external css file and change HTML view styling with selectors. 00:00:00
Class 11:
1. – CSS Box Model 00:00:00
2. – Margin 00:00:00
3. – Padding 00:00:00
4. – Border 00:00:00
5. – Content 00:00:00
6. – Different Box Model Properties 00:00:00
7. – Styling List 00:00:00
Project: Create a basic web layout 00:00:00
Class 12:
1. – Introduction to CSS Layout 00:00:00
2. – Floats 00:00:00
3. – Positioning 00:00:00
4. – Practical Positioning Example 00:00:00
5. – Flex 00:00:00
Project: Creating a website with actual positioning. 00:00:00
Class 13:
1. – Creating Menu in CSS 00:00:00
2. – Styling Text 00:00:00
3. – Working With Web Fonts and Icons 00:00:00
4. – Styling fonts and icons 00:00:00
5. – Input box Styling 00:00:00
Project: Creating a menu with icons. Styling text and fonts. 00:00:00
Class 14:
1. – Introduction to lovable CSS (Some CSS3 Properties) 00:00:00
2. – Border and Rounded Corners 00:00:00
3. – Working With Background 00:00:00
4. – Gradient and Shadow 00:00:00
5. – Transition and Transformation 00:00:00
6. – CSS Animation 00:00:00
Project: Creating a website with image/color backgrounds and transition, transformation effects. 00:00:00
Class 15:
1. – A Complete Web Page Using HTML5 and CSS3 00:00:00
2. – Introduction to Sass 00:00:00
3. – Installing Sass and Sass Compiler 00:00:00
4. – Folder Structure 00:00:00
5. – Variable 00:00:00
6. – Mixins 00:00:00
Project: Implementing css property with Sass. 00:00:00
Class 16:
1. – Types 00:00:00
2. – Nesting and Scope 00:00:00
3. – Operator 00:00:00
4. – Function 00:00:00
5. – Extend 00:00:00
Project: Implementing css property with Sass. 00:00:00
Class 17:
1. – Introduction to Bootstrap Framework. (BS) 00:00:00
2. – How to Install BS 00:00:00
3. – BS Grid System 00:00:00
4. – Understanding Device Screen Size 00:00:00
5. – BS Typography 00:00:00
Project: Installing bootstrap and create a grid for web layout. 00:00:00
Class 18:
1. – BS Table 00:00:00
2. – BS Form 00:00:00
Project: create a form for web site. 00:00:00
Class 19:
1. – BS Navigation 00:00:00
2. – BS Button 00:00:00
3. – BS Pagination 00:00:00
4. – BS Image Responsive 00:00:00
5. – Bs Card 00:00:00
Project: create a Card for web site. 00:00:00
Class 20:
1. – BS Carousel 00:00:00
2. – BS Accordion 00:00:00
3. – BS Modal 00:00:00
4. – BS Tab and Tooltip 00:00:00
Project: Complete a webpage with Bootstrap. 00:00:00
Class 21:
1. – Overview of Responsive Web Design (RWD) 00:00:00
2. – Working With Viewport 00:00:00
Project: Enable a website for mobile responsive view. 00:00:00
Class 22:
1. – What is Photoshop? 00:00:00
2. – Basic Concept of Photoshop. 00:00:00
3. – How to Use Photoshop tools? 00:00:00
4. – PSD Fonts, Color and Layer Concept. 00:00:00
5. – Image Trimming in Photoshop. 00:00:00
Project: Converting PSD to HTML. 00:00:00
Class 23:
1. – Converting Multipurpose Business PSD Template to HTML 00:00:00
Class 24:
1. – Introduction to JavaScript. (JS) 00:00:00
2. – What you can do with JavaScript? 00:00:00
3. – Js Basic Syntax 00:00:00
4. – Variable in JS 00:00:00
5. – Operator, Data Type in JS 00:00:00
6. – Commenting in JS 00:00:00
Project: Playing with Javascript syntax. 00:00:00
Class 25:
1. – Function in JS 00:00:00
2. – Array in JS 00:00:00
3. – Concept of Objects 00:00:00
4. – JS Conditions (if, else) 00:00:00
5. – Loop in JS 00:00:00
Project: Practicing JS with programming concept. 00:00:00
Class 26:
1. – DOM and BOM in JS 00:00:00
2. – Method, Documents, Elements in DOM 00:00:00
3. – DOM Event and Eventlistner 00:00:00
4. – JS Window 00:00:00
5. – History and Navigation in JS 00:00:00
Project: Working with advance JS. 00:00:00
Class 27:
1. – Date Format in JS 00:00:00
2. – Form Validation Techniques. 00:00:00
Project: Completing form validation in Javascript. 00:00:00
Class 28:
1. – jQuery Introduction 00:00:00
2. – jQuery Selectors 00:00:00
3. – jQuery and DOM 00:00:00
4. – jQuery and Event 00:00:00
Project: Working with jQuery. 00:00:00
Class 29:
1. – Introduction to jQuery Effects 00:00:00
2. – Hide, Show, Fade, Toggle 00:00:00
3. – Animation in jQuery 00:00:00
4. – Using Plugin in jQuery 00:00:00
Project: using a slider in JQuery. 00:00:00
Class 30:
1. – What is Domain and Hosting? 00:00:00
2. – Introduction to cPanel 00:00:00
3. – How to Host a Website in a Server? 00:00:00
4. – Working in Live Server. 00:00:00
Project: Host the website in live server. 00:00:00
Class 31:
1. – What is Server Side Scripting? 00:00:00
2. – Introduction to PHP. 00:00:00
3. – How to Use XAMPP? 00:00:00
4. – PHP Syntax. 00:00:00
5. – Defining Variables and echo . 00:00:00
6. – Using include and require function 00:00:00
Project: Installing XAMPP in localhost. Working with PHP syntax. 00:00:00
Class 32:
1. – Create a complete working form using PHP 00:00:00
Project: Converting a static site to Dynamic. 00:00:00
Class 33:
1. – What is CMS? 00:00:00
2. – Introduction to WordPress. 00:00:00
3. – Creating Database For WP. 00:00:00
4. – Installing WP 00:00:00
5. – Overview of WP Elements 00:00:00
Project: Creating Database and Installing WP. Working With Theme in WP. 00:00:00
Class 34:
1. – Understanding the WP Dashboard 00:00:00
2. – Pages, Tags, Menu, Media and Content 00:00:00
3. – Core WP Settings 00:00:00
4. – Finding and Installing WP Theme and Plugins 00:00:00
Project:Create a Menu in WP. Add a New Menu In WP, Installing New Theme 00:00:00

Course Reviews

5

5
5 ratings
  • 5 stars5
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0
  1. Awesome Course

    5

    It’s more than My thought.. Love it and thanks Turna Apu

  2. Actually I'm fascinated by this course.

    5

    Thank you,
    E-Shikon.com and Turna Madam.

  3. 5

    Many many thanks E-shikhon & Turna Madam.

  4. Definitely WORTH IT !!! The Best Place For Learning Outsourcing Courses!!

    5

    At First I Thought It Was Just Another Fraud ..Who Just Takes Money And leave You Empty Handed !!!
    But After Getting Some Good Review And I Joined With 100% Risk!! IT WAS WORTH IT !!
    Classes Are Taken Regularly And The Teacher iS More Punctual Than You !!
    This Course Is Enough For To Start Website Design !!
    My Course Is Almost Finished !!I am Currently Praticeting Now !!
    And I Will Start Working Soon !!Everything Taught Here iS Legitimate !!
    So I Urge You If You Want To Learn Web Design Then Its The best Place For You !!

  5. অসাধারন……

    5

    খুবই মহৎ উদ্দোগ৷ আমিও ভর্তি হইছি৷