Web Design for Beginners: Real World Coding in HTML & CSS
Instructors
Web Design for Beginners: Real World Coding in HTML & CSS
Also Included HTML5, CSS3 Extra Feature, Responsive Web Design with 10 Real Life Project
ইন্টারনেট সংযোগ না থাকলে কিংবা লাইভ ক্লাসে অংশ নিতে না পারলে আমাদের ওয়েব ডিসাইন এই কোর্সের লাইভ ক্লাসের করতে পারেন।
Description
ওয়েব ডিজাইন বর্তমানে সহজে এবং দ্রুত আয়ের একটি অন্যতম কোর্স, এর মাধ্যমে আপনি যেকোন কম্পানির ওয়েবসাইট সহজে বানিয়ে দিতে পারবেন। ফ্রিল্যান্সিং মার্কেটপ্লেসেও পিএসডি টু এইচটিএমএল এর প্রচুর কাজ রয়েছে।
Who can Learn:
যারা ওয়েব ডিসাইনার হিসেবে ক্যারিয়ার গড়তে চান।
অনলাইন উদ্যোক্তা বা আইটি স্পেশালিস্ট হতে চান।
যাদের কোডিং এ আগ্রহ রয়েছে।
যারা পড়াশুনার পাশাপাশি পার্টটাইম কিছু করে পড়াশুনা চালিয়ে নিতে চান
What Will I Learn?
এইচটিএমএল, সিএসএস ও বেসিক জাভাস্ক্রিপ্ট।
যেকোনো ওয়েবসাইটের ডিসাইন করা।
CSS3 অ্যানিমেশন
PSD to HTML এ রূপানন্তর।
টুইটার বুটস্ট্র্যাপ।
অনলাইন থেকে উপার্জন।
কিভাবে কোর্স অর্ডার করবেন দেখুন কিভাবে লাইভ ক্লাস করবেন দেখুন এ কোর্সের বিগত ব্যাচের কিছু ক্লাসের ভিডিওদেখুন
যেটি যা প্রয়োজন
ইন্টারনেট কানেকশসহ একটি কম্পিউটার
কম্পিউটার ও ইন্টারনেট এর প্রাথমিক ধারণা
একটি হেডফোন (ল্যাপটপ হলে হেডফোন আবশ্যক নয়।
সাধারণত বাজারে কিংবা অন্যান্য ওয়েবসাইটে যে রেকর্ডিং টিউটোরিয়াল কিংবা ভিডিও কোর্সগুলো পেয়ে থাকি, সেগুলো বেশির ভাগই অনলাইন/ইউটিউব দেখে দেখে অদক্ষ ব্যক্তিরা ব্যবসার জন্য বানান। ২ মিনিট দেখে ২ মিনিট রেকর্ড করেন। অনেক ক্ষেত্রে পুর্নাঙ্গভাবে সবকিছু দেওয়াও থাকে না। কিন্তু ইশিখন.কম এর ভিডিওগুলো আমাদের স্বনামধন্য শিক্ষকদের লাইভ ক্লাসের ভিডিও, এর সাথে আমাদের বিগত ব্যাচের শিক্ষার্থীদের প্রশ্নোত্তর পর্বও রয়েছে এবং প্রতিটি বিষয় পুঙ্খানুপুঙ্খভাবে দেখানো হয়েছে, ফলে আপনি পুর্নাঙ্গভাবে শিখতে সক্ষম হবেন।
বিশেষ সুবিধা সমুহ
লাইভ ক্লাস মিস করলে পরের দিন কোর্সের ভেতর উক্ত ক্লাসের ভিডিও রেকর্ডিং ও আলোচিত ফাইল সমুহ পাবেন।
লাইভ ক্লাসের সম্পূর্ণ ফ্রি ভিডিও কোর্স, ( শুধুমাত্র এই ভিডিও কোর্সই অনেক প্রতিষ্ঠান হাজার হাজার টাকায় বিক্রি করে।)
প্রতিটি ক্লাস শেষে এসাইনমেন্ট জমা দেওয়া। (প্রতিটি এসাইনমেন্ট এর জন্য ১০ মার্ক)
প্রতিটি ক্লাসের লাইভ ক্লাসের পাশাপাশি প্রাকটিজ ফাইল পাবেন এবং কনটেন্ট পাবেন।
প্রতিটি ক্লাসের প্রথম ১৫ মিনিট আগের ক্লাসের সমস্যাগুলো সমাধান হবে, পরের ১ ঘন্টা মুল ক্লাস শেষ ১৫ মিনিট প্রশ্নোত্তর পর্ব
প্রতিটি ক্লাসের শেষে ১০ নাম্বারের মডেল টেস্ট। এই মডেল টেস্ট মার্ক এবং এসাইমেন্ট মার্ক ও নিয়মিত উপস্থিতির উপর ভিত্তি করেই পরবর্তীতে আপনার সার্টিফিকেট এর মান নির্ধারণ হবে।
কোর্স শেষে সার্টিফিকেট
লাইভ ক্লাস সমুহের ডিভিডি ।
কোর্স শেষে আয়ের ক্ষেত্রসমুহ:
এনভাটো মার্কেকে টেমপ্লেট বিক্রি।
ওয়েব ডিজাইনার হিসেবে যেকোন আইটি কম্পানিতে চাকরি
আপওয়ার্ক ও ফাইবারে ওয়েব ডিজাইন
সর্ম্পকিত কাজ
Course Batches
- Enroll Now ›
STARTS October 6, 2018
Course Curriculum
Class1 | |||
What is web design? | 00:00:00 | ||
What is HTML? | 00:00:00 | ||
HTML elements | 00:00:00 | ||
HTML Tags | 00:00:00 | ||
HTML attributes | 00:00:00 | ||
How do you use comments in HTML code? | 00:00:00 | ||
Class 2 | |||
Quotation | 00:00:00 | ||
Color | 00:00:00 | ||
link | 00:00:00 | ||
image | 00:00:00 | ||
table | 00:00:00 | ||
Class 3 | |||
Block | 00:00:00 | ||
Class | 00:00:00 | ||
List | 00:00:00 | ||
Horizontal List | 00:00:00 | ||
Layout | 00:00:00 | ||
Head | 00:00:00 | ||
Marquee | 00:00:00 | ||
Iframe | 00:00:00 | ||
Class 4 | |||
Layout | 00:00:00 | ||
Form | 00:00:00 | ||
Class 5 | |||
Adding Media | 00:00:00 | ||
Redirect and Refresh any page | 00:00:00 | ||
Using CSS in any HTML file | 00:00:00 | ||
Color System in CSS | 00:00:00 | ||
Class 6 | |||
Using CSS in Link | 00:00:00 | ||
Using CSS in List | 00:00:00 | ||
Difference between ID and CLASS in CSS | 00:00:00 | ||
Box Model | 00:00:00 | ||
Class 7 | |||
Creating Image gallery | 00:00:00 | ||
Position | 00:00:00 | ||
Pseudo-class and element | 00:00:00 | ||
Class 8 | |||
Animation | 00:00:00 | ||
Scale | 00:00:00 | ||
Transform | 00:00:00 | ||
Class 9 | |||
Project | 00:00:00 | ||
Class 10 | |||
Responsive project | 00:00:00 | ||
1. Course introduction | |||
1.1-Let’s start this amazing journey | 00:00:00 | ||
1.2-READ BEFORE YOU START! | 00:00:00 | ||
1.3-E-book Resources 2.0 | 00:00:00 | ||
1.4-First things first: download your free e-book here | 00:00:00 | ||
2. Dive into HTML | |||
2.1-Download the Code | 00:00:00 | ||
2.2-Our main tool: Brackets text editor | 00:00:00 | ||
2.3-What is HTML? | 00:00:00 | ||
2.4-The structure of an HTML document | 00:00:00 | ||
2.5-Starting to fill the structure | 00:00:00 | ||
2.6-Images and attributes | 00:00:00 | ||
2.7-One more thing: links | 00:00:00 | ||
2.8-HTML Quiz | 00:00:00 | ||
2.9-10 questions | 00:00:00 | ||
3. Formatting with CSS | |||
3.1-Getting started with CSS | 00:00:00 | ||
3.2-Starting to make our webpage pretty: text | 00:00:00 | ||
3.3-Colors | 00:00:00 | ||
3.4-Classes and ID’s | 00:00:00 | ||
3.5-The CSS box model | 00:00:00 | ||
3.6-Building a simple layout | 00:00:00 | ||
3.7-Polishing our blog post | 00:00:00 | ||
3.8-Relative vs. Absolute | 00:00:00 | ||
3.9-Getting started with the Chrome Developer Tools | 00:00:00 | ||
3.10-CSS Quiz | 00:00:00 | ||
3.11-10 questions | 00:00:00 | ||
4. Web design basics | |||
4.1-Introduction to web design | 00:00:00 | ||
4.2-Beautiful typography | 00:00:00 | ||
4.3-Using colors like a pro | 00:00:00 | ||
4.4-The meaning of colors in web design | 00:00:00 | ||
4.5-Working with images | 00:00:00 | ||
4.6-Working with icons | 00:00:00 | ||
4.7-Spacing and layout | 00:00:00 | ||
4.8-Introduction to user experience | 00:00:00 | ||
4.9-Getting inspired: the secret ingredient for stunning web design | 00:00:00 | ||
4.10-Wrapping up what we’ve learned in this section | 00:00:00 | ||
4.11-The ultimate cheatsheet: all web design guidelines in one place | 00:00:00 | ||
4.12-Web design quiz: test your knowledge! | 00:00:00 | ||
4.13-10 questions | 00:00:00 | ||
5. The killer website project | |||
5.1-Download the Code | 00:00:00 | ||
5.2-The 7 real-world steps to a fully functional website | 00:00:00 | ||
5.3-Download the 7 steps here | 00:00:00 | ||
5.4-Omnifood Project FAQs — READ BEFORE YOU START! | 00:00:00 | ||
5.5-Starting to put the 7 steps into action | 00:00:00 | ||
5.6-First development steps | 00:00:00 | ||
5.7-Setting up the fluid grid for responsive web design | 00:00:00 | ||
5.8-Building the header – Part 1 | 00:00:00 | ||
5.9-Building the header – Part 2 | 00:00:00 | ||
5.10-Building the header – Part 3 | 00:00:00 | ||
5.11-Building the features section – Part 1 | 00:00:00 | ||
5.12-Building the features section – Part 2 | 00:00:00 | ||
5.13-Building the favorite meals section – Part 1 | 00:00:00 | ||
5.14-Building the favorite meals section – Part 2 | 00:00:00 | ||
5.15-Building the how-it-works section – Part 1 | 00:00:00 | ||
5.16-Building the how-it-works section – Part 2 | 00:00:00 | ||
5.17-Building the cities section – Part 1 | 00:00:00 | ||
5.18-Building the cities section – Part 2 | 00:00:00 | ||
5.19-Building the customer testimonials section – Part 1 | 00:00:00 | ||
5.20-Building the customer testimonials section – Part 2 | 00:00:00 | ||
5.21-Building the sign-up section – Part 1 | 00:00:00 | ||
5.22-Building the sign-up section – Part 2 | 00:00:00 | ||
5.23-Building the contact form form – Part 1 | 00:00:00 | ||
5.24-Building the contact form form – Part 2 | 00:00:00 | ||
5.25-Building the footer – Part 1 | 00:00:00 | ||
5.26-Building the footer – Part 2 | 00:00:00 | ||
6. Responsive web design with media queries | |||
6.1-Making the webpage responsive – Part 1 | 00:00:00 | ||
6.2-Making the webpage responsive – Part 2 | 00:00:00 | ||
6.3-A note about web browsers | 00:00:00 | ||
7. Let's add some cool effects | |||
7.1-Download the Code | 00:00:00 | ||
7.2-Introduction to jQuery | 00:00:00 | ||
7.3-Building a “sticky” navigation – Part 1 | 00:00:00 | ||
7.4-Building a “sticky” navigation – Part 2 | 00:00:00 | ||
7.5-Scrolling to elements | 00:00:00 | ||
7.6-Adding animations on scroll | 00:00:00 | ||
7.7-Making the navigation responsive | 00:00:00 | ||
8. Optimizing and launching our website | |||
8.1-Final touch: creating a favicon | 00:00:00 | ||
8.2-Performance optimization: site speed | 00:00:00 | ||
8.3-Basic search engine optimization (SEO) | 00:00:00 | ||
8.4-Let’s launch our webpage! | 00:00:00 | ||
8.5-Google Analytics | 00:00:00 | ||
9. Conclusion | |||
9.1-You made it! Congratulations! | 00:00:00 | ||
10. BONUS lectures | |||
10.1-Super effective ways to improve your website’s conversion | 00:00:00 | ||
10.2-Adding a map to the Omnifood website | 00:00:00 | ||
10.3-Using PHP to make our form work | 00:00:00 | ||
10.4-My Special Gift for You: Never Stop Learning! | 00:00:00 | ||
Fiverr | |||
Intruduction about fiverr | 00:00:00 | ||
Fiverr account creation | 00:00:00 | ||
Fiverr Profile Setup | 00:00:00 | ||
Fiverr gig creation | 00:00:00 | ||
Fiverr order sale | 00:00:00 | ||
Order complete and delivery system to client | 00:00:00 | ||
Fiverr Earning Tips | 00:00:00 | ||
Other Marketplace | 00:00:00 | ||
Upwork and freelancer.com | |||
Introduction | 00:00:00 | ||
Choosing Your Specialty | 00:00:00 | ||
Signing Up | 00:00:00 | ||
Title and Skill tags that will make your profile pop | 00:00:00 | ||
Designing Your Overview | 00:00:00 | ||
Building your Portfolio | 00:00:00 | ||
Your Profile Intro VIdeo | 00:00:00 | ||
Completing your Profile | 00:00:00 | ||
Choose your project and Client | 00:00:00 | ||
Client is good or bad? | 00:00:00 | ||
Cover letter or PM | 00:00:00 | ||
The Perfect Proposal | 00:00:00 | ||
Interviewing | 00:00:00 | ||
Live project 1 | 00:00:00 | ||
Live project 2 | 00:00:00 | ||
Attracting your first client | 00:00:00 | ||
Time Tracking | 00:00:00 | ||
Getting Paid | 00:00:00 |