Overview
Instructor
Register now
Reviews

Another step in the field of website design (front-end) is learning three libraries to make it easier for you to build attractive and nice websites. They are in order: jQuery, Sass, Boostrap, and a second programming language, which is Typescript.

Detailed objectives:

jQuery library: Its importance is that it facilitates the process of writing code and reduces the number of lines of writing code, and it also makes pages more dynamic.

1- Synatx

  • jQuery Intro
  • jQuery Syntax
  • jQuery Selectors
  • jQuery Events
  • On Method

2- jQuery Effects 

  • jQuery Hide/Show
  • jQuery fade
  • jQuery slide
  • jQuery Chaining
  • Callback
  • Scrolling

3- jQuery DOM

  • jQuery Get
  • jQuery Set
  • jQuery Add
  • jQuery Remove
  • jQuery css
  • jQuery dimensions

4- jQuery Navigation

  •  jQuery Ancestors
  •  jQuery Descendants
  •  jQuery Siblings
  • - jQuery Filtering

Bootstrap 5 library: Because it provides a set of ready-made components that can be used to build websites and web applications quickly and effectively, Bootstrap also works to provide responsive designs that are compatible with all devices and screens.

1- Getting Started to Bootstrap5

  • Introduction
  • Bootstarp5 Document

 

2- Layouts in Bootstrap5

  • Breakpoints in Bootstrap5
  • Containers
  • Grid options
  • Nesting Rows and Columns
  • Column vertical alignment
  • Column Horizontal alignment
  • Column wrapping and column Breaks
  • Reordering and Offsetting Columns
  • Margin Utilities
  • Gutters
  • Horizontal Gutters
  • Vertical Gutters
  • Horizontal and Vertical Gutters

3- Contents in Bootstrap5

  • Typography
  • Inline Text Elements
  • Abbreviations and Blockquotes
  • Working with Lists
  • Images in Bootstrap
  • Tables in Bootstrap
  • Table Alignment, Nesting and Anatomy
  • Figures in Bootstrap

4- Form in Bootstrap5

  • Form Control
  • Checks and Radios
  • Range
  • Input Groups
  • Floating Labels
  • Form Layout
  • Horizontal Forms
  • Auto Sizing Forms
  • Inline Forms
  • Form Validation

5- Components in Bootstrap5

  • Accordions
  • Alerts
  • Dismissing Alerts
  • Badges
  • Breadcrumb
  • Buttons
  • Card
  • Carousel
  • Collapse
  • Multiple Targets
  • Dropdowns
  • Split Button
  • Menu Items
  • List Group
  • Modals
  • Static Backdrop
  • Scrolling Long Content
  • Vertically Centered
  • Modal Tooltips and Popovers
  • Using Grid System In Modal
  • Navbar
  • Navs and Tabs
  • Tabs and Pills Behaviors
  • Offcanvas In-Depth
  • Pagination
  • Placeholders
  • Progress Bars
  • Stripes And Animation
  • Spinners
  • Toasts
  • Tooltips In-Depth

6- Utilities in Bootstrap5

  • Backgrounds
  • Borders
  • Text color
  • Text Opacity
  • Displaying Inline and Block
  • Flex
  • Interactions
  • Opacity
  • Overflow
  • Position
  • Bootstrap Icons

Sass Library: Learning it helps organize our CSS code through the use of variables, functions, Mixins, and nested style, which makes website development more effective and fast.

  1. Introduction to Sass
  2. SASS Compilation Tools
  3. Import And Use And Advanced Architecture
  4. Variables
  5. Nesting And Parent Element
  6. Property Declarations And Placeholder
  7. Control Flow – If And Else
  8. Create Triangle With If And Else
  9. Interpolation
  10. Comments And Documenting
  11. Mixin And Include
  12. Loop – For
  13. Loop – Each And Map
  14. Loop – While
  15. Create Bootstrap Grid System
  16. Function
  17. Practice Mixin With Content

Typescript Language: Typescript language: It adds a layer of diversity and strength to the JavaScript language, as the JavaScript language does not depend on OOP, so TypeScript came and added this power to it.

  1. Introduction And What Is Typescript
  2. Install Typescript And Transpile Files
  3. Create Configuration And Watch Files
  4. Statically vs Dynamically Typed Languages
  5. Type Annotations And Any Type
  6. Type Annotations With Arrays
  7. Type Annotations With Multi-Dimensional Array
  8. Type Annotations With Function
  9. Optional And Default Parameter
  10. Function Rest Parameter
  11. Type Annotations With Anonymous And Arrow Function
  12. Data Types – Type Alias
  13. Data Types – Type Alias Advanced
  14. Data Types – Literal Types
  15. Data Types – Tuple
  16. Data Types – Void And Never
  17.  Data Types – Enums Part 1
  18. Data Types – Type Assertion
  19. Data Types – Intersection And Union Types
  20. Type Annotations With Object
  21. Interface Declaration
  22. Interface Methods And Parameters
  23. Interface ReOpen And Use Cases
  24. Interface Extends
  25. Interface Final Discussion
  26. Class Type Annotations
  27. Class Access Modifiers
  28. Class Accessors
  29. Class Static Members
  30. Class Implements Interface
  31. Abstract Classes And Members
  32. Polymorphism And Method Override
  33. Generics Introduction
  34. Generics Multiple Types
  35. Generics Classes
  36. Generics And Interfaces

Course Topics

jQuery Library

  1. Syntax
  2. jQuery Effects
  3. jQuery DOM
  4. jQuery Navigation

Bootstrap Library:

  1. Getting Started to bootstrap5
  2. Layouts in Bootstrap5
  3. Contents in Bootstrap5
  4. Forms in Bootstrap5
  5. Components in Boostrap5
  6. Utilities in Bootstrap5

Sass Library  :

  1. Introduction to sass
  2. Variables
  3. Property and placeholders
  4. Control flow
  5. Loop
  6. function

Typescript Language:

  1. Introduction
  2. Type Annotations
  3. Data Type
  4. Function
  5. Interface
  6. Class
  7. Abstract
  8. Polymorphism
  9. Generic

 

0.0
(0 Reviews)
0.0 rating
Excellent0%
Very good0%
Average0%
Poor0%
Terrible0%

Duration
60 Hours
Lectures

30

Start Date

01 May, 2024