We Design & Development (With Freelancing/Outsourcing)

Learn We Design & Development From Web Developer


Learning Outcomes

Web Design & Development course includes HTML, CSS, Bootstrap, Javascript, Jquery, PHP, Mysql. This course covers both front-end and backend development starting from scratch. By the end of the Web Design & Development course student will have a clear idea about Web Development and student can build dynamic website with PHP.

 

Instructor Profile: S M Jabid Hasan

Course Syllabus

0
Upcoming Batch No.
0
Admitted
0
Seat Limit
0
Already Pre-registered

Course Syllabus

  •  Creating a New Photoshop Document
  •  Photoshop Environment: The Toolbar – Part 1
  •  Photoshop Environment: The Toolbar – Part 2
  •  Photoshop Environment: Palettes
  •  Photoshop Environment: The Menu
  •  Photo Enhancement & Manipulation
  •  HTML Fundamentals, First Webpage, Course Files
  •  The Basics of HTML: Tags, Attributes, Elements
  •  Basic File & Folder Structure of a Website
  •  Your Must Have Tool: A Good Code Editor
  •  Hello World: Create Your Very First Web Page!
  •  HTML Tags, Code a Real Web Page
  •  Basic Structure of an HTML Document
  •  Heading & Paragraph Tags
  •  Using Emphasis & Strong Emphasis
  • Hyperlinks
  •  Lists
  •  Images
  •  Tables
  •  Forms
  •  HTML Entities & “Special Characters”
  •  HTML Project: Code a Basic Web Page + Tutorial
  • Advanced HTML Techniques, HTML5
  •  IDs & Classes
  •  Span & Div Tags
  •  Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time
  •  HTML5 Project: Build a Basic HTML5 Web Page + Tutorial
  • Expert HTML5 techniques
  •  New HTML5 Inputs
  •  Making Internet Explorer Compatible with HTML5
  •  HTML5 Data Attribute
  •  Essentials of CSS + Download Course Files
  •  What is CSS? All the basics you need to know!
  •  Inheritance of Styles
  •  Measurements & The Box Model
  •  Inline CSS
  •  Internal CSS
  •  External CSS
  •  ID & Class Selectors
  •  Descendant Selectors
  •  Grouping Selectors
  •  Specificity
  •  CSS Project: Style an HTML Web Page + Tutorial
  •  Colors
  •  Text Styling & Formatting
  •  Borders
  •  Background Images
  •  Styling Links
  •  CSS Quiz
  •  Styling Web Forms
  • Block, Inline and Inline-Block Elements
  •  Understanding Float & Clear (once and for all!)
  •  Relative, Absolute & Fixed Position
  •  CSS Project: Build the Google Home Page + Tutorial (Part I)
  •  CSS Project: Build the Google Home Page (Part II)
  •  What is CSS3?
  •  CSS3 Box Sizing & Round Corners  CSS3 Colours & Gradients
  •  CSS3 Shadows
  •  CSS3 Columns
  •  CSS3 Animations & Transitions
  •  CSS3 Project #1: Create Animated Buttons + Tutorial
  •  CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I)
  •  CSS3 Project #2: Code an Orbiting Planet Animation (Part II)
  • Your Challenge: Everything You Need to Know + Section Wrap Up
  •  Bonus Tutorial: How to Slice a Photoshop Design & Convert it to HTML & CSS
  •  Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS
  •   What is Javascript, The 80/20 Rule + Course Files Download
  •  Internal & External Javascript
  •  Basic Syntax of Javascript (and many other programming languages)
  • Javascript Output
  •  Javascript Variables
  •  Javascript Arrays
  •  Javascript Functions
  •  Javascript If / Else Statements
  •  Javascript Project: Program a Tip Calculator + Tutorial
  •  Javascript Project: Program a Tip Calculator, Part II
  •  What is jQuery?
  •  Download & Install jQuery
  •  The Simple Syntax of jQuery
  •  jQuery Selectors
  •  jQuery Event Methods
  •  Basic jQuery Quiz
  •   jQuery Deep Dive!
  •  jQuery Chaining
  •  Hiding, Showing & Fading Content with jQuery
  •  The jQuery Animate Method
  •  Modifying CSS with jQuery
  • jQuery Project: Mini Race Car Game + Tutorial
  •  What is jQuery UI?
  •  jQuery UI: Draggable
  •  jQuery UI: Droppable
  •  jQuery UI: Sortable
  •  jQuery UI: Accordion
  •  jQuery UI: Datepicker
  •  jQuery Project: To Do List Web Application + Tutorial
  •  What is Responsive Design & Bootstrap?
  •  Getting Started with Bootstrap
  •  Quickly Prototype with the Free Examples
  •  Understanding the Bootstrap Grid System
  •  Responsive (and sexy) Forms
  •  Responsive Tables, Buttons and Images
  •  Helper Classes & Responsive Utilities
  •  Using Glyphicons (Font Icons)
  •  Bootstrap Navbar
  •  Bootstrap Modal Window
  •  Bootstrap ScrollSpy
  •  Togglable Tabs
  • Sliding Carouse
  • Bootstrap Project: Code a “Hipster” Startup Website + Tutorial
  •  Bootstrap Project: Startup Website, Part 2
  • Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site
  •  What is Web Hosting?
  •  Purchasing a Bundled Domain Name & Hosting Package
  •  The Hosting Control Panel (a.k.a. cPanel)
  •  Understanding FTP & How to Upload a Website to Your Live Server
  •  What is PHP & What Does It Do?
  •  Basic PHP Syntax
  •  PHP Variables & Constants
  •  PHP Arrays (Associative & Multi-Dimensional)
  •  PHP Project: Program an App to fix “Click Bait Headlines” + Tutorial
  •  PHP Project: Click Bait Headlines, Part 2
  • Let’s dive deeper into PHP
  •  If, Else and Elseif Statements
  •  PHP Loops: While, For, Foreach & Do While
  •  PHP Functions & Arguments
  •  $_GET and $_POST
  •  PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial
  •  What is MySQL?
  •  Creating Your First MySQL Database + phpMyAdmin Overview
  •  Establishing a MySQL Connection with PHP
  •  Selecting Data from a Database and Displaying it on Your Web Page
  •  Insert Data into Your Database from a Web Page
  •  Password Hashing (for securely storing passwords)
  •  Using PHP Sessions to Store Global Variables
  • Basic WordPress

*Freelancing/Outsourcing guideline will be provided, also there will be online support for it.


Course History

Web-design-&-Development
Web-design-&-Development