Course Rating: (4.9)
Course Duration: 60h
৳ 8000
➤ প্রজেক্ট “ক্রিয়েটিভ ফ্রন্টএন্ড” বলার কারণ হচ্ছে গতানুগতিক কোডিং শিখানো ছাড়াও আমরা এই কোর্সের মাধ্যমে বাস্তবিক কিছু প্রোজেক্ট/ প্রবলেম সলভিং / ওয়েবসাইট ডিজাইন / ওয়েব অ্যাপ্লিকেশন কমপ্লিট করব যেটা স্টুডেন্টদের কোডিং শেখার প্রতি আগ্রহ বাড়াতে এবং ইন্টারঅ্যাকটিভ ওয়েবসাইট এবং ফাংশনালিটি তৈরি করতে সাহায্য করবে |
➤ এই কোর্স শিখে আমরা এইচটিএমএল, সিএসএস দিয়ে একটি ল্যান্ডিং পেজ একটি পার্সোনাল পোর্টফোলিও এবং তৈরি করব | CSS এর প্রি-প্রসেসর SASS ব্যবহার করে খুব সহজে এজেন্সি ওয়েবসাইট তৈরি করব |
➤ বুষ্টঅ্যাপ (BOOTSTRAP 5) ফ্রেমওয়ার্ক শিখে রেস্পন্সিভ GRID এর মাধ্যমে একটি রেস্টুরেন্ট এবং রিটেল ওয়েবসাইট তৈরি করব |
➤ জাভাস্ক্রিপ্ট এর খুটিনাটি সবকিছু শিখে জাভাস্ক্রিপ্টের বিভিন্ন প্রবলেমের সলিউশন করব এবং Front-end ডেভেলপার হিসেবে ইন্টারভিউতে জাভাস্ক্রিপ্ট নিয়ে কি কি কোশ্চেন আসতে পারে বিস্তারিত আলোচনা করা হবে |
➤ Javascript এর ছোট ছোট লাইব্রেরি যেমন GSAP, SWIPER JS, ANIME JS মর্ডান এনিমেটেড ওয়েবসাইট তৈরি করব |
➤ অবজেক্ট ওরিয়েন্টেড প্রোগ্রাম (OOP) দিয়ে ছোট ছোট কিছু অ্যাপ তৈরি করব |
➤ API এবং JSON এর সাহায্যে লিস্টিং ওয়েবসাইট এবং ইমেজ ডাউনলোডের ওয়েবসাইট তৈরি করব | এছাড়াও অ্যাডভান্স জাভাস্ক্রিপ্টের ASYNC, OBJECT, ARRAY বিস্তারিত আলোচনা করা হবে |
➤গুগল ম্যাপ এপিআই ব্যবহার করে স্টোর লোকাটর অ্যাপ্লিকেশন তৈরি করতে পারব |
➤ এছাড়াও জাভাস্ক্রিপ্টে সবশেষে একটি পার্সোনাল ব্লগ অ্যাপ্লিকেশন তৈরি করব |
➤ এই কোর্সের মাধ্যমে HTML, CSS, SASS, BOOTSTRAP 5, JAVASCRIPT এর মাধ্যমে সর্বমোট ১২ টি প্রোজেক্ট ও ৩০ টি এসাইনমেন্ট কমপ্লিট করব |
➤ এছাড়াও এক মাসের ইন্টারভিউ ও মার্কেটপ্লেস প্রিপারেশন এ দেখবো কিভাবে এই প্রজেক্ট গুলোর এর মাধ্যমে ইন্টারভিউতে কিভাবে সহজেই নিজের স্কিল এবং পোর্টফোলিও শো করে যেকোনো এন্ট্রি-মিড্ লেভেলের ফ্রন্ট এন্ড ডেভেলপার job win করা যায় |
➤ এছাড়াও মার্কেটপ্লেসে যেমন ফাইবার এবং আপওয়ার্ক এ এইচ স্কেল গুলো কাজে লাগিয়ে কিভাবে ইনকাম করা যায় তা দেখব |
Curriculum
– Setting Up VS Code – Installing Extensions – Creating a 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 CSS |
– Styling a Button – Display Types – Positions – Pseudo Elements and Classes |
assignment- 05: Styling a page using CSS |
Learn Basics of Figma |
Learn Git & Github |
Responsiveness: – Media Queries |
– 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 (19:30) – CSS Grid vs Flexbox (6:22) |
Assignment- 10: Layout Design Project using Basic Grid |
– CSS Transform – CSS Transitions & Animations |
– Learning SVG Animation |
– CSS Variables & Gradients – CSS Box-sizing – Tooltip |
Assignment- 10: 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- 22: Exploring DOM & Nodelist |
– Events – Event Bubbling – Session and Local Storage |
assignment- 23: Creating a Dice Game |
– The DOM – Exploring document – Selecting in the DOM – Collections and Nodelists |
assignment- 22: Exploring DOM & Nodelist |
– Events – Event Bubbling – Session and Local Storage |
assignment- 23: Creating a Dice Game |
– Primitives Vs Reference Types – Callbacks, Higher Order Functions – Map – Find – Filter |
assignment- 25: Problem solving using Map, Find, Filter |
– Some and Every – Ternary Operator – Arrow Functions – Sort…weird – Creating Copies |
assignment- 26: Practicing Arrow Functions |
– Global Execution Context and Hoisting – Callstack – This Keyword – Bind, Call, Apply – Constructor Function |
assignment- 27: Practicing classes & objects |
– Prototype – Prototypal Inheritance – Classes – Fun Stuff With OOP |
assignment- 28: Implementation of OOP |
– What is Api? – Fetching Data – Creating your own small Api – Small weather App |
assignment- 31: Creating a Recipe app using API |
– Ajax – Async Behind The Scenes – Callbacks and Callback Hell – Promises |
assignment- 30: Practicing Promises |
– Promise Refactor – Promise All – Async Await |
assignment- 31: Practicing Async Await |
➤ 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
➤ Upwork 100 Tricks
➤ Freelancer.com Account Open & Profile completeness
➤ Freelancer.com Project & Contest Bidding
➤ Freelancer.com Tricks to bid and tricks to be successful
➤ People Per Hour Account Open & Profile completeness
➤ People Per Hour Hourly Creation
➤ People Per Hour Project Bidding & Tricks
➤ Indeed Account Completeness
➤ Indeed find jobs and bid for jobs
৳ 8000