Basic Front End Design
এই কোর্সে আপনি শিখবেন কিভাবে HTML, CSS এবং সাধারণ JavaScript ব্যবহার করে একটি প্রফেশনাল ও রেসপনসিভ ওয়েবসাইট ডিজাইন করতে হয়। একদম শুরু থেকে হাতে-কলমে শিখে নিজেই ...
এই কোর্সে আপনি শিখবেন কিভাবে HTML, CSS এবং সাধারণ JavaScript ব্যবহার করে একটি প্রফেশনাল ও রেসপনসিভ ওয়েবসাইট ডিজাইন করতে হয়। একদম শুরু থেকে হাতে-কলমে শিখে নিজেই ...
Basic Front End Design কোর্সটি একদম নতুনদের জন্য তৈরি করা হয়েছে, যারা ওয়েব ডিজাইন শেখা শুরু করতে চায়। এই কোর্সে আপনি শিখবেন—
✅ HTML5 দিয়ে ওয়েবপেজের স্ট্রাকচার তৈরি
✅ CSS3 দিয়ে সুন্দর ডিজাইন ও লেআউট
✅ রেসপনসিভ ডিজাইন (মোবাইল/ট্যাব/ডেস্কটপ)
✅ ফন্টস, কালার, বাটন, ফর্ম ইত্যাদির কাস্টমাইজেশন
✅ Flexbox ও Grid Layout
✅ সাধারণ JavaScript দিয়ে ইন্টারঅ্যাকটিভ ফিচার
✅ গিটহাব ও ফ্রি হোস্টিং—কাজের স্যাম্পল ওয়েবসাইট পাবলিশ
এই কোর্সের শেষে আপনি নিজেই একটি কমপ্লিট ওয়েবসাইট ডিজাইন করতে পারবেন, যেটি আপনার পোর্টফোলিও হিসেবে ব্যবহার করতে পারবেন ফ্রিল্যান্সিং বা চাকরির ক্ষেত্রে।
Code Editor
00:04:10Project File and Folder Management
00:09:15Index file and HTML Code Structure Unlisted
00:08:32Fav Icon and it’s Use
00:05:46Key Board and Mouse Shortcut (Copy, Paste, Move, Select)
00:07:01HTML Elements
00:07:08Different way to Style your webpage
00:17:22CSS Color Code
00:09:31Block Element & Inline Element
00:10:02Div and other Semantic Elements
00:05:40Different way to work with Margin
00:14:35Different way to work with Padding
00:06:46Border Radius to make a nice shape
00:09:09Style box with Box Shadow
00:07:30Use of box-sizing border-box
00:04:22Content alignment using flex
00:05:09Use of Unordered List and Ordered List
00:07:27Background Image and It’s Properties
00:10:17Simple Hero banner Design
00:08:39Class define in tag
00:03:50Image Tag and Alt Title
00:07:41Use of Border CSS
00:07:14Position ( Relative, Absolute, Sticky, Fixed )
00:20:42Simple Multipage Design Part 01 (Menu, Home, About Us, Blog, Contact, Product, Footer)
00:09:11Simple Multipage Design Part 02 (Menu, Home, About Us, Blog, Contact, Product, Footer)
00:13:31Simple Multipage Design Part 03 (Menu, Home, About Us, Blog, Contact, Product, Footer)
00:14:22Simple Multipage Design Part 04 (Menu, Home, About Us, Blog, Contact, Product, Footer)
00:15:48Simple Multipage Design Part 05 (Menu, Home, About Us, Blog, Contact, Product, Footer)
00:10:30Simple Multipage Design Part 06 (Menu, Home, About Us, Blog, Contact, Product, Footer)
00:12:47Feature Section Design Part 01
00:22:39Feature Section Design Part 02
00:20:54Feature Section Design Part 03
00:10:02Feature Section Design Part 04
00:15:03How to store your code in Github & Codepen
00:06:45Multicolumn Section Design Part 01
00:21:53Multicolumn Section Design Part 02
00:13:50Multicolumn Section Design Part 03
00:12:09Multicolumn Section Design Part 04
00:30:21Header Menu & Product Section Design Part 01
00:21:28Header Menu & Product Section Design Part 02
00:26:18Header Menu & Product Section Design Part 03
00:26:44Header Menu & Product Section Design Part 04
00:14:18Laptop
Internet
Certificate
Front End Knowledge
Shopify, Landing Page, Liquid Template, Shopify Theme Development, Front End Design, Wordpress
12.0
5717 Students
3 Courses
12 Reviews
আমি একজন Top Rated Plus Shopify Expert যার ৮ বছরেরও বেশি অভিজ্ঞতা রয়েছে Shopify Theme Development, Custom Landing Page Design, এবং Store Setup-এ। এখন পর্যন্ত আমি ৪০০+ ল্যান্ডিং পেজ ও ২০০+ Shopify Store সফলভাবে তৈরি করেছি। Shopify-তে আমার দক্ষতা শুধু কোডিং বা ডিজাইনে সীমাবদ্ধ নয়—আমি ব্র্যান্ড বুঝে, কনভার্সন ফোকাস করে কাজ করি। Liquid, JavaScript, CSS, HTML সহ বিভিন্ন টেকনোলজি ব্যবহার করে আমি ক্লায়েন্টদের জন্য modern, fast এবং user-friendly স্টোর তৈরি করি। এছাড়াও আমি একজন গর্বিত Mentor, যার শেখানো হয়েছে ৫০০০+ শিক্ষার্থীকে Shopify, WordPress ও Front-End Design-এর স্কিল। PageFly, GemPages, Shogun এর মতো Page Builders এবং Figma, Invision, Sketch এর ডিজাইন ফাইল থেকে থিম ডেভেলপমেন্টে আমার দক্ষতা রয়েছে। ছোট উদ্যোক্তা থেকে শুরু করে বড় ব্র্যান্ড — আমি সকল ক্লায়েন্টের প্রয়োজন অনুযায়ী কাস্টম সল্যুশন দিয়ে থাকি।
View Details
18 Jun, 2025
"Basic Front End Design" কোর্সটি নতুনদের জন্য একটি চমৎকার Starting Point। এই কোর্সে HTML, CSS এবং সাধারণ JavaScript ব্যবহার করে কিভাবে Professional এবং Responsive Websites তৈরি করতে হয়, তা শেখানো হয়েছে। প্রতিটি লেসন সহজ ভাষায় উপস্থাপন করা হয়েছে, আর Hands-On Practice করার মাধ্যমে মূল ধারণাগুলো ভালোভাবে বুঝতে পেরেছি। Frontend Development-নতুনদের জন্য এটি অত্যন্ত উপযোগী একটি কোর্স।
30 May, 2025
This course on HTML and CSS is amazing! I had almost forgotten HTML, but this course helped me refresh and improve my skills a lot. The best part is that it’s completely free, which makes it even more valuable. I can’t imagine learning front-end design without it! Thank you so much, dear Farid Vai! May Allah bless you abundantly.
24 May, 2025
It's a solid starting point for anyone new to web development. Thank you.
14 May, 2025
“Great instructor! I especially appreciated how they broke down HTML and CSS concepts in a beginner-friendly way. The Shopify section was also very well explained. The lessons were structured, and the support was timely. Thank you!”
04 May, 2025
I recently completed the "Basic Front End Design" course, and I must say, it was an excellent experience. The course content was well-structured, beginner-friendly, and covered everything I needed to start front-end development — from HTML and CSS basics to layout, responsiveness, and design practices. What I appreciated most was how practical the lessons were. Each topic was explained clearly with examples and real-world applications. The hands-on projects helped me build confidence and develop real skills. By the end of the course, I can build a complete responsive website on my own. I would highly recommend this course to anyone who wants to start learning front-end web development from scratch.
Enroll Now
Students
272
language
Bangla
Duration
08h 36mLevel
beginner
Expiry period
Lifetime
Certificate
Yes
Bangla
Certificate Course
272 Students
08h 36m