Business Website Development Course Curriculum
Business Website Development Course Curriculum
Day |
Topic |
Course Content |
Details |
Day 1 |
Oriantation |
Ice Breaking Session |
Mentor Introducing About Shikhbe Shobai Course Curriculum Freelancing and Marketplace Why choose This Career Question answer Session Student's Introduction Class Rules Brand Yourself , Video Introduction |
Day 2 |
Basic HTML CSS |
Introduct about website, and Basic Concept |
Introduce HTML, How it works, The Basic Structure, how to use HTML as a Web Language. Introduce with CSS (Inline CSS, Style Tag CSS, External CSS) and configure HTML with CSS. simple page using html, css, List Concept of HTML Block Tag , Element, Attribute , CSS Property & Value |
Day 3 |
Layout Design |
Creating Website layout using HTML & CSS |
Web Page Layout Design, Float, Padding, Margin, Block Element, Float, Simentic Markup (Section, header, footer, etc) Why Layout is Important for a Website. CR Selection, UI / UX Account Creation About.me, Linkedin, Twitter, Github" |
Day 4 |
Form Design |
Signup or Registration Form Design |
Signup form design Form tags Form attributs Basic Layout Design |
Day 5 |
Real Project Design |
Simple Website Design |
Understanding Complex Layout System, Menu, Font Family, Icon Integration, Hover Effect HTML5 Elements like Header, Footer, ASidebar and much more need to introduce. Need to Start CSS with most useful property. |
Day |
Topic |
Course Content |
Details |
Day 6 |
Real Project Design |
Modern Page Design |
Important CSS Properties, Flex, Multipage Concept, Position Property Media Query Basic Idea |
Day 7 |
Bootstrap class 1 |
Introduction of Bootstrap 5 |
Bootstrap File Hyrarchy Media Query (5 Types of Device and their Width) Flex Bootstrap Grid System Responsive classes |
Day 8 |
Bootstrap class 2 |
Responsive Website Design |
Real Project Design, Where project designed by Navbar, Slider, Button, Card, Footer, Forms Bootstrap Utilities, Components Media Query, Responsive Important Bootstrap Components |
Day 9 |
Bootstrap class 3 |
PSD to Bootstrap 5 |
UI/UX Concept Use of Photoshop with Pixel Perfect Design Discussion about Figma, AI, XD Photoshop Tools Image Cropping, Laeyrs Text, fonts Responsive |
Day 10 |
Bootstrap class 4 |
PSD to Bootstrap 5 |
UI/UX Concept Use of Photoshop with Pixel Perfect Design Discussion about Figma, AI, XD Photoshop Tools Image Cropping, Laeyrs Text, fonts Responsive Animation Keyframes |
Day 11 |
Bootstrap class 5 |
xd to Bootstrap 5 |
UI/UX Concept Use of Photoshop with Pixel Perfect Design Discussion about Figma, AI, XD Photoshop Tools Image Cropping, Laeyrs Text, fonts Responsive Animation Keyframes |
Day 12 |
Javascript |
Intro of Javascript and Simple Topics |
Javascript Intro Javascript Syntax Javascript Variable Javascript Expression Data Type Console.log if else loop function |
Day 13 |
Javascript |
DOM and Small Project |
What is Dom Event Branching Javascript Problems solving Console Click Event, |
Day 14 |
Javascript |
Data, Loop, BRANCHING, Variable |
Slider , Modal, Tab and jQuery Intro |
Day 15 |
jQuery |
Intro jQuery |
Integration jquery jQuery UI jQuery Events, Fadein fadeout, addclass, removeclass Isotop |
Day 16 |
jQuery |
Plugin Implementation |
Owl Carousel Swiper Js Aos / WOW Js Parallax js Page Loader Particles Scoll Effect Plugin Nav, Counter Plugin |
Day 17 |
jQuery |
Plugin Implementation |
Owl Carousel Swiper Js Aos / WOW Js Parallax js Page Loader Particles Scoll Effect Plugin Nav, Counter Plugin |
Day 18 |
Work Presentation |
Project Presentation |
Students will present their portfolios with powerpoint and live link |
Day 19 |
Wordpress |
Wordpress Setup and Dashboard |
Why Wordpress About Server, Prgramming language domain wordpress Setup, 1 click Installation , Dashboard introduce Post Page Creation Blogsite |
Day 20 |
Wordpress |
News / Magazin website |
Select a Theme for Blog Website Post, Categories, Tags Page Creation and Setup Menu Setup Widgets Setup Theme Customization Home and Blog Page settinga customizae Date times, Slug Full Website Done |
Day 21 |
Wordpress |
Ocean Wp / Astra / Neve Theme Installation and Elementor |
Theme Setup Required Plugins Instalations Demo Import Introduc of Elementor Page Builder One Page Creation using Elementor Theme Customization Full Website Done |
Day 22 |
Wordpress |
Elementor |
Design Page using Elementor Page Builder Header, Footer |
Day 23 |
Wordpress |
Betheme |
Theme Setup |
Day 24 |
Wordpress |
Betheme |
js composer |
Day 25 |
Wordpress |
Divi Page builder |
Intro of DIVI Theme Demo Import Design a Page |
Day 26 |
Ecommerce Website |
Ecommerce Website with Woodmart Theme part 1 |
Woodmart Theme Setup Required Plugin Installation WP-Bakery Page Builder Active HTML Blocks Header Footer customization Theme Setup Demo Import Woocommerce Plugin Setup Product Adding Woocommerce Addons |
Day 27 |
Ecommerce Website |
Ecommerce Website with Woodmart Theme part 2 |
Woodmart Theme Setup Required Plugin Installation WP-Bakery Page Builder Active HTML Blocks Header Footer customization Theme Setup Demo Import Woocommerce Plugin Setup Product Adding Woocommerce Addons |
Day 28 |
Wordpress Plugin |
WP Pluings |
Mailchimp Pop Up Plugins Contact Form 7 Recaptcha Revolution Slider SEO Migration Security |
Day 29
Day 30 Day 31 Day 32 |
Wordpress Plugin Presentation Freelancing Freelancing |
SEO / Migration / Security Project Presentation Fiverr Fiverr |
SEO / Migration / Security / Website Optimization
Students will present their portfolios with powerpoint and live link Portfolio & Branding Keyword Searching, Thumbnail Creation |
Day 33 |
Freelancing |
Fiverr |
Keyword Searching, Gig Creation |
Day 34 |
Freelancing |
Fiverr |
How to Bid, Client Management, What is Regulation , Client Comunication |
Day 35 |
Freelancing |
Upwork |
Profile Creation, Service Creation |
Day 36 Day 37 Day 38 Day 39 |
Freelancing PHP basic PHP Basic Crud mysql |
Upwork PHP Basic Topic Dynamic Form Dynamic Form, Data Query |
Client Management, Hourly Job, How to Bid Data Type, Loop, BRANCHING, Variable Form Creation, Data Management with php Form Creation, Data Management with php |
Day 40 |
Project Class 1 |
Project Blog Site / Library Management System (Crud / database management) |
Dynamic Dashboard customization with php and mysql. Dynamic Blog site |
Day 41 |
Project Class 2 |
User Role / session / cookie |
|
Day 42 Day 43 Day 44 Day 45 |
Project Class 3 Project Class 4 Project Class 5 Project Class 6 |
Category / Tags for blog site Project Blog Site / Library Management System Project Blog Site / Library Management System Project Blog Site / Library Management System |
|
Day 46 |
Project Class 7 |
Project Blog Site / Library Management System |
|
Day 47 |
Project Class 8 |
Project Blog Site / Library Management System |
|
Day 48 |
Project Class 9 |
Wordpress Theme Dev |
Select A theme and Convert to Wordpress, Theme Setup |
Day 49 |
Project Class 10 |
Wordpress Theme Dev |
Post Management, Single Page Design, |
Day 50 |
Project Class 11 |
Wordpress Theme Dev |
Functions.php , Hook, Menu , Sidebar |
Day 51 |
Project Class 12 |
Wordpress Theme Dev Page template |
Page Template Design, Custom Field |
Day 52 |
Project Class 13 |
Wordpress Theme Dev Page Template Redux |
Redux Framework, Option Tree Framework |
Day 53 |
Project Class 14 |
Wordpress Theme Finishing |
|