Freelancing with Creative Frontend (Online)
- 35+ Students
Course Duration: 60h+
কোর্সের উদ্দেশ্য, কি কি শিখবেন ? কেন শিখবেন ?
🔳 প্রজেক্ট “ক্রিয়েটিভ ফ্রন্টএন্ড” বলার কারণ হচ্ছে গতানুগতিক কোডিং শিখানো ছাড়াও আমরা এই কোর্সের মাধ্যমে বাস্তবিক কিছু প্রোজেক্ট/ প্রবলেম সলভিং / ওয়েবসাইট ডিজাইন / ওয়েব অ্যাপ্লিকেশন কমপ্লিট করব যেটা স্টুডেন্টদের কোডিং শেখার প্রতি আগ্রহ বাড়াতে এবং ইন্টারঅ্যাকটিভ ওয়েবসাইট এবং ফাংশনালিটি তৈরি করতে সাহায্য করবে |
🔳 এই কোর্স শিখে আমরা এইচটিএমএল, সিএসএস দিয়ে একটি ল্যান্ডিং পেজ একটি পার্সোনাল পোর্টফোলিও এবং তৈরি করব | CSS এর প্রি-প্রসেসর SASS ব্যবহার করে খুব সহজে এজেন্সি ওয়েবসাইট তৈরি করব |
🔳 বুষ্টঅ্যাপ (BOOTSTRAP 5) ফ্রেমওয়ার্ক শিখে রেস্পন্সিভ GRID এর মাধ্যমে একটি রেস্টুরেন্ট এবং রিটেল ওয়েবসাইট তৈরি করব |
🔳 জাভাস্ক্রিপ্ট এর খুটিনাটি সবকিছু শিখে জাভাস্ক্রিপ্টের বিভিন্ন প্রবলেমের সলিউশন করব এবং Front-end ডেভেলপার হিসেবে ইন্টারভিউতে জাভাস্ক্রিপ্ট নিয়ে কি কি কোশ্চেন আসতে পারে বিস্তারিত আলোচনা করা হবে |
🔳 Javascript এর ছোট ছোট লাইব্রেরি যেমন GSAP, SWIPER JS, ANIME JS মর্ডান এনিমেটেড ওয়েবসাইট তৈরি করব |
🔳 API এবং JSON এর সাহায্যে লিস্টিং ওয়েবসাইট এবং ইমেজ ডাউনলোডের ওয়েবসাইট তৈরি করব | এছাড়াও অ্যাডভান্স জাভাস্ক্রিপ্টের ASYNC, OBJECT, ARRAY বিস্তারিত আলোচনা করা হবে |
🔳 গুগল ম্যাপ এপিআই ব্যবহার করে স্টোর লোকাটর অ্যাপ্লিকেশন তৈরি করতে পারব |
🔳 এছাড়াও জাভাস্ক্রিপ্টে সবশেষে একটি পার্সোনাল ব্লগ অ্যাপ্লিকেশন তৈরি করব |
🔳 এই কোর্সের মাধ্যমে HTML, CSS, SASS, BOOTSTRAP 5, JAVASCRIPT এর মাধ্যমে সর্বমোট ৮ টি প্রোজেক্ট ও ২৪ টি এসাইনমেন্ট কমপ্লিট করব |
🔳 এছাড়াও এক মাসের ইন্টারভিউ ও মার্কেটপ্লেস প্রিপারেশন এ দেখবো কিভাবে এই প্রজেক্ট গুলোর এর মাধ্যমে ইন্টারভিউতে কিভাবে সহজেই নিজের স্কিল এবং পোর্টফোলিও শো করে যেকোনো এন্ট্রি-মিড্ লেভেলের ফ্রন্ট এন্ড ডেভেলপার job win করা যায় |
🔳 এছাড়াও মার্কেটপ্লেসে যেমন ফাইবার এবং আপওয়ার্ক এ এইচ স্কেল গুলো কাজে লাগিয়ে কিভাবে ইনকাম করা যায় তা দেখব |
Shahriar Shakil
- 5.0 Instructor Rating
- 30 Courses
- 80+ Students
শাহরিয়ার শাকিল, WP কোডার্স ক্লাব এর প্রতিষ্টাতা। তিনি গত ৭ বছর ধরে ওয়েব ডেভেলপমেন্ট সেক্টর এ আপওয়ার্ক, ফাইভার এবং পিপল পার আওয়ার এ ফ্রীলান্সিং করে মাসে ২০০০ থেকে ৩০০০ ডলার ইনকাম করছেন।
তিনি ওয়েব ডেভেলপমেন্ট ও ওয়েব ডিজাইনার হিসেবে মার্কেটপ্লেস এ কাজ করছেন।
Course Curriculum
Topics of this course
– Setting Up VS Code – Installing Extensions – Creating an HTML Tag – Basic Layout – Meta Tags |
Assignment- 01: Setup your VS Code & Practice HTML Basic Layouts |
– h and p Tags – Images and Video – a Tags – Forms – Lists – Comments |
Assignment- 02: create a section with HTML |
– Tables – Classes and ID’s – HTML5 Semantics – HTML5 Entities |
Assignment- 03: Create a table & Draw a basic layout using HTML |
– Basic Syntax – Selectors – Specificity – Padding and Margin – Box Model |
Assignment- 04: Design Layout using CSSAssignment- 05: Styling a page using CSS |
– Styling a Button – Display Types – Positions – Pseudo Elements and Classes |
Responsiveness |
---|
– Media Queries – VH and VW |
– Accessibility – Semantics – Contrast – Keyboard – Labels and Alt – Git & Github |
Building Layout & Design |
---|
Making Mobile Friendly |
Adding in Github |
---|
Deploying in Netilfy |
Explore Flexbox |
---|
Assignment- 08: Practice Flexbox building a section |
– CSS Grid Basics – CSS Grid vs Flexbox |
---|
Assignment- 10: Layout Design Project using Basic Grid |
– CSS Transform – CSS Transitions & Animations |
---|
– Learning SVG Animation |
– CSS Variables & Gradients – CSS Box-sizing – Tooltip |
---|
Assignment- 11: Building Animated Website |
– Intro to Sass – Applying Sass to your Business Website |
---|
Assignment- 12: Applying SASS to your earlier projects |
– Introduction and Installation – Grid System – Bootstrap Navigation – Bootstrap Buttons |
---|
Assignment- 13: Create Navigation & Section with Bootstrap |
– Typography – Alerts – Progress Bar – Form – Badges |
---|
Assignment- 14: Create layout with Bootstrap |
– Setting up vsCode – Loading Javascript – Const and Let (Variables) – Comments – Operators – Primitive Data Types |
---|
Assignment- 16: Solving JS problem Data types & Operators |
– Concatenation – Prettier – Comparisons and Conditions – Truthy False Values – Functions |
---|
Assignment- 17: Solving JS Problem using Functions |
– The DOM – Exploring document – Selecting in the DOM – Collections and Nodelists |
---|
Assignment- 18: Exploring DOM & Nodelist |
– Events – Event Bubbling – Session and Local Storage |
---|
Assignment- 19: Creating a Dice Game |
– Primitives Vs Reference Types – Callbacks, Higher Order Functions – Map – Find – Filter |
Assignment- 20: Problem solving using Map, Find, Filter |
– Some and Every – Ternary Operator – Arrow Functions – Sort…weird – Creating Copies |
Assignment- 21: Practicing Arrow Functions |
– Global Execution Context and Hoisting – Callstack – This Keyword – Bind, Call, Apply – Constructor Function |
Assignment-22: Practicing classes & objects |
– Prototype – Prototypal Inheritance – Classes – Fun Stuff With OOP |
Assignment- 22: Implementation of OOP |
– Ajax – Async Behind The Scenes – Callbacks and Callback Hell – Promises |
Assignment-23: Practicing Promises |
– Promise Refactor – Promise All – Async Await |
Assignment- 24: Practicing Async Await |






























৳ ৫০০০
৳ ১০০০০
Course Features
- 10 AMAZING PROJECTS
- 34 AMAZING CLASSES
- NEW & TARGET CLASS CONTENT WITH LESS COMPETITION
- LIVE SUPPORT (24X7)
- BIGGEST VIDEO RESOURCES
- BIGGEST VAULT/CONTENT SUPPORT
- BASIC COMPUTER SKILL
- FIVERR-UPWORK-CRASH
- GOOGLE CLASSROOM
কোর্স টি করার জন্য কি কি লাগবে
- একটি ল্যাপটপ / ডেস্কটপ
- ইন্টারনেট কানেকশন
- কোন রকমের পূর্বের অভিজ্ঞতা এর প্রয়োজন নেই। আমরা সমস্ত কনটেন্ট বেসিক থেকে শিখাবো ।