Js, Html, Css
Duration: 60 Hrs
JavaScript Syllabus
- General overview of JavaScript
- What is Javascript,
- JavaScript history,
- Relation between JavaScript and ECMAScript,
- Versions of JavaScript.
JavaScript Core
- Syntax, Variables, Values, Data Types
- Syntax review,
- Keywords and reserwed words,
- Variable declaration,
- Variable scope,
- Block scope.
- Data Types
- Primitive values,
- Reference values,
- Types,
- Type convertion.
- Expressions and Operators
- Expressions (arithmetic, relational, logical, assigment and others),
- Operators overview.
- Control structures
- Flow control and conditionals,
- Loops and iteration.
- Jumps
- Error handling
- Throwing errors,
- Error handling.
- Numbers
- Number literals,
- Number object,
- Number methods,
- Math object
- Date object
- Working with Numbers.
- Strings
- String literals,
- String object,
- String methods,
- Working with Strings.
- Arrays
- Creating and populating Arrays,
- Array methods,
- Working with Arrays.
- Functions
- Defining functions,
- Calling functions,
- Functions as values,
- Arguments and parameters,
- Function scope,
- Closures,
- Arrow functions.
- Indexed Collections
- Set object type
- Map object type
- JSON
- Iterators and generators
- Working with Iterators
- Working with Generators
- Modules
- Promises
- Regular Expressions
- Creating regular expressions,
- RegExp object and its methods,
- String methods for matching patterns.
- Objects
- Creating object,
- Properties,
- Methods,
- Build-in JavaScript objects.
- Prototype based Object Oriented Programming
- Defining Constructors,
- Prototypes,
- Inheritance,
- Classes
- Metaprogramming
- Proxy,
- Reflection
Server-side JavaScript
- General overview of server-side JavaScript
- JavaScript engines,
- Basics of server-side solutions.
JavaScript in Browser
- JavaScript in Web browser
- Embedding JavaScript in HTML,
- Execution of JavaScript code.
- Browser Object Model
- The window object,
- Dialog boxes,
- Timers,
- The location object,
- The navigator object,
- Browsing history.
- Document Object Model,
- Document structure,
- Selecting document elements and query selectors,
- Moving thorough DOM tree,
- HTML elements and attributes,
- Creating, changing and deleting nodes.
- Handling Events,
- Event propagation,
- Event handlers registering and invocation,
- Event object,
- Types of event.
- Ajax
- JavaScript and HTTP comunication,
- Synchronous and asynchronous requests.
- Graphics
- Multimedia basics,
- Canvas API basics.
- Data Storage
- Cookies,
- Web Storage,
- Security
- Filesystem security,
- The Same Origin Policy
- Plugins
- Cross-Site Scripting
Duration: 30 Hrs
HTML Course Syllabus
- Introduction to HTML
- Overview of Web Development
- Understanding HTML and its Role in Web Development
- History and Evolution of HTML
- Basics of Web Browsers and Web Servers
- Getting Started with HTML
- Setting Up a Development Environment
- Text Editors (VS Code, Sublime Text, Notepad++)
- Web Browsers (Chrome, Firefox, etc.)
- Creating Your First HTML Document
- Basic Structure of an HTML Document
- HTML Tags and Elements
- HTML Document Structure
- Understanding Doctype Declaration
- The <html>, <head>, and <body> Tags
- Metadata and the <meta> Tag
- Using Comments in HTML
- Text Formatting and Headings
- Heading Tags (<h1> to <h6>)
- Paragraphs and Line Breaks
- Text Formatting Tags (<strong>, <em>, <blockquote>, etc.)
- Lists: Ordered and Unordered Lists
- Working with Links
- Creating Hyperlinks using the <a> Tag
- Linking to External and Internal Pages
- Creating Email Links
- Understanding Target Attributes (_blank, _self, etc.)
- Adding Images
- Inserting Images with the <img> Tag
- Understanding Image Attributes (src, alt, title)
- Image Formats (JPEG, PNG, GIF)
- Creating Tables
- Introduction to HTML Tables
- Creating a Basic Table (<table>, <tr>, <td>, <th>)
- Table Attributes (border, cellspacing, cellpadding)
- Merging Cells (colspan and rowspan)
- Forms and Input Elements
- Introduction to HTML Forms
- Creating Forms using the <form> Tag
- Input Elements (<input>, <textarea>, <select>, <button>)
- Form Attributes (action, method)
- Validating Form Inputs
- Multimedia Elements
- Embedding Audio and Video
- Using the <audio> and <video> Tags
- Understanding Controls and Sources
- Inserting YouTube Videos and Other Media
- HTML5 Semantic Elements
- Introduction to Semantic HTML
- Common Semantic Elements (<header>, <footer>, <article>, <section>, <nav>, <aside>)
- Benefits of Using Semantic Elements for SEO
- Introduction to CSS
- Basics of Cascading Style Sheets (CSS)
- Inline, Internal, and External CSS
- Applying Basic Styles to HTML Elements
- Responsive Web Design
- Understanding the Importance of Responsive Design
- Introduction to Media Queries
- Creating a Simple Responsive Layout
- Accessibility and Best Practices
- Importance of Web Accessibility
- Using alt Text for Images
- Best Practices for Semantic HTML
- Understanding and Implementing ARIA Roles
- Hands-On Projects
- Building a Personal Website
- Creating a Simple Portfolio Page
- Developing a Basic Web Application
- Assessment and Evaluation
- Periodic Quizzes and Assignments
- Project Work Evaluation
- Final Examination
Duration: 60 Hrs
CSS Course Syllabus
- Introduction to CSS
- Overview of CSS and Its Role in Web Development
- Understanding the Cascade and Specificity
- CSS Syntax and Structure
- Setting Up CSS
- Including CSS in HTML (Inline, Internal, External)
- Understanding the <link> and <style> Tags
- Using CSS Reset and Normalize
- Selectors and Combinators
- Basic Selectors (Element, Class, ID)
- Grouping Selectors
- Descendant, Child, Adjacent Sibling, and General Sibling Combinators
- CSS Box Model
- Understanding the Box Model Concept
- Properties: Content, Padding, Border, Margin
- Box Sizing and the box-sizing Property
- Text and Font Styling
- Font Properties (font-family, font-size, font-weight)
- Text Properties (color, text-align, text-decoration)
- Line Height and Letter Spacing
- Using Web Fonts (Google Fonts)
- Backgrounds and Borders
- Background Properties (background-color, background-image)
- Background Positioning and Repeat
- Border Properties (border-style, border-width, border-color)
- Rounded Corners with border-radius
- CSS Layout Techniques
- Introduction to CSS Layout
- Display Property (block, inline, inline-block)
- Positioning (static, relative, absolute, fixed, sticky)
- Flexbox Layout
- Understanding Flexbox Model
- Creating Flex Containers and Items
- Aligning and Justifying Flex Items
- Responsive Flexbox Design
- Grid Layout
- Introduction to CSS Grid
- Creating Grid Containers and Items
- Defining Rows and Columns
- Grid Template Areas and Responsive Grids
- Styling Lists and Navigation
- Styling Unordered and Ordered Lists
- Creating Navigation Menus
- Hover Effects for Links and Buttons
- CSS Transitions and Animations
- Understanding CSS Transitions
- Creating Simple Transitions
- Introduction to CSS Animations
- Keyframes and Animation Properties
- Media Queries and Responsive Design
- Introduction to Responsive Design Principles
- Using Media Queries for Mobile and Desktop
- Responsive Images and Units (%, vw, vh)
- Pseudo-classes and Pseudo-elements
- Understanding Pseudo-classes (e.g.,)
- Using Pseudo-elements (e.g., ::before, ::after)
- Practical Applications of Pseudo-classes and Elements
- CSS Variables and Custom Properties
- Introduction to CSS Variables
- Declaring and Using Variables
- The Benefits of CSS Custom Properties
- Browser Compatibility and Prefixes
- Understanding Cross-Browser Compatibility
- Using Vendor Prefixes
- CSS Feature Queries with @supports
- Best Practices for CSS
- Writing Clean and Maintainable CSS
- Organizing CSS Files and Structure
- Avoiding Common CSS Pitfalls
- CSS Preprocessors (Optional)
- Introduction to SASS or LESS
- Variables, Nesting, and Mixins
- Compiling Preprocessed CSS
- Hands-On Projects
- Creating a Multi-Page Website
- Building a Responsive Landing Page
- Developing a CSS Animation Showcase