Course Rating: (4.9)

Creative Frontend

Course Duration: 60h

৳ 6000

৳ 8000

Course Features

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

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

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

Topics of this course

– 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
– 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 (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 
➤ Gig Marketing @Twitter, Linkedin, facebook/Instagram – By Mentioning post share
 
➤ Fiverr Gig Marketing @Reddit/ Digg & Blog Sites
 
➤ Fiverr Gig Marketing @Pinterest
 
➤ Fiverr, Twitter, Linkedin & Facebook – 10 Bidding (Buyer Request)
 
➤ Fiverr Quick Reply Set Up – For each 7 gigs
 
➤ Behance/Flikr Collection – bit.ly Set Up –
 
➤ Fiverr Live Site Link(done by yourself) Set Up – To show client immediately
 
➤ Project Budgeting, Client Negitiation & GIG/Service Pricingson
 
➤ Fiverr Levels & TOS / Order Cancel(Buyer VS Mutual Cancel) & Fiverr Warningn
 
➤ 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
 
➤ 1000 Of Tricks On Fiverr To get fastest daily success in less then 1 months​
 
➤ Payoneer Account Open
 
➤ Team wise Portfolio Crop / Behance-Flikr Upload for collection creation
 
➤ 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
➤ 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

৳ 6000

৳ 8000

Course Features

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

How to Buy Course From CodemanBD