Web Designing using React Course Syllabus

Module 1: HTML Fundamentals

• Overview of the Internet and HTML terminology
• Options for writing HTML and understanding UTF
• Resources for HTML5

Module 2: Exploring HTML5 Enhancements

• What's new in HTML5 and the declaration

Module 3: Home Page Layout Design

• Design considerations and planning
• Basic tags and document structure (HTML tags, head tags, title tags)
• Understanding metadata and saving an HTML page

Module 4: Web Page Formatting Techniques

• Adding paragraphs, line breaks, and blank spaces
• Utilizing preformatted text and changing background color
• Understanding the div element

Module 5: Text Elements and Objects

• Working with headings, comments, block quotes, horizontal lines, and special characters

Module 6: Crafting Lists

• Numbered (ordered) lists, bulleted (unordered) lists, nested lists, and definition lists

Module 7: Navigation and Links

• Creating text and image links
• Opening pages in new windows/tabs and linking to sections
• Linking to email addresses and other file types

Module 8: Image Management

• Introduction to images, adding and resizing images
• Utilizing alternative (ALT) text and labels

Module 9: Table Construction

• Inserting tables and understanding borders, headers, and attributes

Module 10: Implementing IFrames

• Understanding iframes, inserting them, and setting height/width

Module 11: Form Handling

• Sending forms to email and using various input types (text boxes, checkboxes, etc.)
• Submit and reset buttons, changing tab order

Module 12: Integrating Video and Audio

• Working with video/audio files and linking to YouTube for video display

Module 13: Introduction to CSS

• Benefits of CSS and its history
• Understanding CSS syntax, external style sheets, and linking CSS to HTML

Module 14: Text Styling Techniques in CSS

• Text emphasis, alignment, fonts, sizes, and colors
• Margins, padding, borders, and styling links

Module 15: Background Design with CSS

• Working with colors and images for backgrounds

Module 16: Image Styling with CSS

• Opacity, floating images, and creating image galleries

Module 17: Understanding the CSS Box Model

• Exploring margin, padding, border, and outline

Module 18: Element Styling and Positioning

• Display, visibility, grouping, and nesting elements
• Positioning and floating elements

Module 19: Table Styling with CSS

• Borders, colors, padding, and dimensions of tables

Module 20: CSS Transforms Explained

• Understanding 2D and 3D transforms

Module 21: CSS Transitions and Animations Overview

• Implementing CSS transitions and animations

Module 22: Creating Navigation Bars

• Visibility, scrollbars, and different positioning methods

Module 23: Introduction to jQuery

• Overview of jQuery and adding it to web pages
• Basic examples and syntax

Module 24: jQuery Basics

• Understanding data types and built-in functions

Module 25: jQuery Selection Techniques

• Using element, ID, class, and universal selectors

Module 26: Managing DOM Attributes with jQuery

• Getting and setting attribute values

Module 27: Techniques for DOM Traversing

• Finding and filtering elements in the DOM

Module 28: CSS Manipulation Using jQuery

• Applying and setting CSS properties with jQuery

Module 29: DOM Manipulation Techniques

• Content and element manipulation, binding/removing event handlers

Module 30: jQuery Effects and Animations

• Using hide, show, toggle, and custom animations

Module 31: AJAX Functionality with jQuery

• Utilizing AJAX methods like load(), get(), post()

Module 32: Working with JSON in jQuery

• Handling JSON data using getJSON()

Module 33: Getting Started with React JS

• Overview of front-end libraries and key features of React

Module 34: Developing React Components

• Creating and using React components, understanding state, props, and JSX

Module 35: Internal Mechanics of React

• Learning about the reconciliation algorithm in React

Module 36: Communication Between Components

• Passing data between parent and child components

Module 37: Styling Components in React

• Exploring styling methods like Radium and CSS Modules

Module 38: Unit Testing for React Components

• Using Jasmine and React Test Utilities for testing

Module 39: Performance Optimization in React

• Techniques for optimizing performance in React applications