Skip to content
   
Course Rating: (5.0)
5/5

Freelancing with Creative Frontend (Online)

Course Duration: 60h+

Creative frontend

কোর্সের উদ্দেশ্য, কি কি শিখবেন ? কেন শিখবেন ?

🔳 প্রজেক্ট “ক্রিয়েটিভ ফ্রন্টএন্ড” বলার কারণ হচ্ছে গতানুগতিক কোডিং শিখানো ছাড়াও আমরা এই কোর্সের মাধ্যমে বাস্তবিক কিছু প্রোজেক্ট/ প্রবলেম সলভিং / ওয়েবসাইট ডিজাইন / ওয়েব অ্যাপ্লিকেশন কমপ্লিট করব যেটা স্টুডেন্টদের কোডিং শেখার প্রতি আগ্রহ বাড়াতে এবং ইন্টারঅ্যাকটিভ ওয়েবসাইট এবং ফাংশনালিটি তৈরি করতে সাহায্য করবে |

🔳 এই কোর্স শিখে আমরা এইচটিএমএল, সিএসএস দিয়ে একটি ল্যান্ডিং পেজ একটি পার্সোনাল পোর্টফোলিও এবং তৈরি করব | 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

শাহরিয়ার শাকিল, 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
✅ Gig Marketing @Twitter, Linkedin, Facebook/Instagram – By Mentioning posts share
✅ Fiverr Gig Marketing Blog Sites
✅ Fiverr Gig Marketing @Pinterest
✅ Fiverr Quick Reply Set Up – For each 7 gigs
✅ Fiverr Live Site Link(done by yourself) Set Up – To show client immediately
✅ Project Budgeting, Client Negotiation & GIG/Service Pricingson
✅ Fiverr Levels & TOS / Order Cancel(Buyer VS Mutual Cancel) & Fiverr Warning
✅ Fiverr Order Completion Rate/ Positive Rating/ Response Rate
✅ Order Delivery Tricks & Late Submission Management
✅ Order Conversion & View Click Ration & Impression (how to increase)
✅ Fiverr Account Verify Process + What not to do during verification
✅ How to Add Payoneer account with & Withdraw From Fiverr
✅ Tricks On Fiverr To get the fastest daily success in less than 1 months​
✅ Payoneer Account Open
✅ Fiverr Accont Open + Profile Set Up & Portfolio
✅ Fiverr 7 Gig Open(3+4 gigs)
✅ Fiverr Unique Marketing & Favorite Share
✅ Fiverr App/ Account Refresher Set Up
✅ Fiverr Forum Activities/ Commenting & Reading & Tricks
✅ Twitter, Linkedin, facebook Followers Increase-(By target hashtag list/people)
✅ Upwork Account Opening
✅ Upwork Profile Complete
✅ Upwork specialized profile design
✅ Upwork Projects to get the auto client
✅ Upwork Bidding & Cover Letter Tricks
✅ Upwork Job invitation
✅ Upwork Fixed & Hourly Jobs
✅ Upwork Time Tracking
✅ Upwork Job Interview & Offer Accept
✅ Upwork job submit and job completion

৳ ৫০০০

 ৳ ১০০০০

Course Features

কোর্স টি করার জন্য কি কি লাগবে