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 |
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
- 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
কোর্স টি করার জন্য কি কি লাগবে
- একটি ল্যাপটপ / ডেস্কটপ
- ইন্টারনেট কানেকশন
- কোন রকমের পূর্বের অভিজ্ঞতা এর প্রয়োজন নেই। আমরা সমস্ত কনটেন্ট বেসিক থেকে শিখাবো ।
