2 In 1 Combo - Basic Web Design And Development Course
Recently, We have introduced 2 of our basic website design and development courses so this course is a combination of both these courses with a big discount offer.
Eligibility Criteria / Requirements:
- A computer (Desktop/Laptop)
- An internet connection
- That’s all you need
- Topics that we will cover
- Resources and docs
- Certificate of Completion
- Internship certificate
- What is Internet?
- How does the Internet work?
- Internet service providers (ISP) and their types
- What is the web?
- How does it work?
- Providers and ecosystem builders
- What is HTTP OR HTTPS?
- What is a domain?
- Type of domains
- What is a subdomain?
- Difference b/w domain and URL
- What is IP Address?
- What is hosting?
- Type of hostings
- What is website design (UI/UX)?
- Why do we need it?
- When do we need it?
- Who are web designers / UI Designers / UX designers
- Job opportunities
- Salary / Packages
- Other benefits and opportunities as being a web designer
- Courses and diplomas (For further studies)
- Browser
- What is a browser?
- How does it work?
- Popular browsers
- Browser head and body
- Basic browser commands
- What is a browser extension?
- How to install a browser extension?
- HTML
- What is HTML?
- How does it work?
- Folder creation guide in local computer
- Basic HTML syntax
- Creating the first HTML page
- 03: HTML Tags (Only Currently supported tags)
- What are tags
- Type of tags (Two way or one way)
- Div tag
- Heading Tags
- Paragraph tag
- Span tag
- Bold tag
- Strong tag
- Small tag
- Hr tag
- Br tag
- Del tag
- Font tag
- I tag
- Article tag
- Aside tag
- Address tag
- <blockquote> tag
- <code> tag
- Attributes
- Achor tag
- Button tag
- Image tag
- Video tag
- Audio tag
- Iframe tag
- Meta tag
- Link tag
- Script tag
- Nav tag
- Section tag
- Footer tag
- HTML Comment
- HTML lists
- Order list
- Unorder list
- HTML Table
- Input
- Hidden
- Text
- Number
- Password
- File
- Image
- Search
- Range
- Button
- Checkbox
- Radio
- Date
- Time
- Datetime local
- Week
- URL
- Tel
- Textarea
- Select-option
- Select-option group
- Multiple select-option
- Label Tags
- CSS Syntax
- Inline CSS
- On-page CSS (Internal)
- Off-page CSS (External)
- CSS Selectors
- Class
- ID
- Element selector
- Attribute selector
- Name selector
- CSS Units (Length)
- Pixels (px)
- Percent (%)
- Em - Relative to the font size of the element (2em means 2 times the size of the current font
- cm - Centimeter
- mm - millimeter
- In - Inch
- CSS Property and values
- Height
- Max
- Min
- Auto
- Width
- Max
- Min
- auto
- Margin
- Padding
- Background
- Background color
- Background image
- Border
- Border radius
- Background
- Text or Font
- Font size
- Font weight
- Line height
- color
- Text alignment
- Text decoration
- Text transformation
- Text shadow
- Display
- Position
- Z-index
- Overflow
- Opacity
- Height
- CSS Property priority level (parent, child element)
- CSS Comment
- Font family
- Float and clear
- Custom scrollbar
- Custom cursor
- Custom text selector (Highlight on select)
- Responsive CSS
- CSS 3 Animation
- Keyframes
- animation
- Animation-name
- Animation-duration
- Animation-delay
- Animation-iteration-count
- Animation direction
- Animation-fill-mode
- Animation-timing-function
- Ease
- Linear
- Ease-in
- Ease-out
- Ease-in-out
- Cubic-bezier(n,n,n,n)
- SASS (Sass stands for Syntactically Awesome Stylesheet)
- What is SASS?
- Why we use it?
- How to install SASS?
- SASS variables
- Nesting
- @import
- @mixin
- @Extend
- SASS Function
- String
- Numeric
- List
- Map
- Selector
- Introspection
- Color
We will design a complete website using basic HTML and CSS that we have covered in previous classes.
- Introduction
- Syntax
- Comments
- Understanding browser console
- DOM Structure
- Event fundamental
- Error handling
- Variables, Let & Constant
- Operators
- Datatypes
- Functions, objects, and parameters
- Events
- Strings
- Methods & Functions
- Search
- Templates
- Numbers
- Methods & Functions
- Arrays
- Methods & Functions
- Conditional statements
- Switch & Breaks
- Regular Expression
- JSON
- AJAX
- Introduction
- Syntax
- Selectors
- Events
- Functions
- String
- Numbers
- Array
- Conditional statement
- AJAX
- Introduction
- Installation
- Grid system
- Column system
- Components
- CSS Basics
- Classes
- Typography
- Input
- Buttons
- Forms
- Helpers
- Images
- Tables
- Dropdowns
- Navs
- JS Basics
- Alert
- Tabs
- Modals
- Collapse
- Pagination
- Popovers
- Tooltips
- Carousel
- Toasts
- Scrollspy
- Introduction
- Font & Icons plugins
- Carousel plugins
- Gallery plugins
- Datatables plugin
- Calendar plugin
- Alert and toast plugins
- Image plugins
- Charts & Graphs plugins
- One-page website design project
- Multipage website design project
- E-Commerce website design project
- Introduction
- Installation
- Syntax & Comment
- Variables
- Constants
- Functions (User defined)
- Strings
- Arrays
- Conditional statements
- Loops
- Switch statement
- Regular expression
- Get and post requests
- Form submission & validation
- Cookies
- Sessions
- Oops concept
- Introduction
- Database
- Tables
- Structure, attributes, and parameters
- Queries
- Ordering
- Limit
- Multi queries
- Subqueries
- Creating local database using CSV / Excel