Web Designing Web design encompasses both the overall look and feel of the site as well as its usability and user experience.
Course Overview Web Programming Introduction Web programming in Python involves developing web applications or websites using Python as the primary programming language. Architecture of a website Different technologies in making the website Web Development Introduction HTML-Introduction HTML used for creating the structure and content of web pages. History of HTML What you need to do to get make your first HTML page What are HTML Tags and Attributes? HTML Tag vs. Element HTML Attributes HTML-Basic Formatting Tags HTML provides a range of basic formatting tags that allow you to control the appearance and structure of text and content on a website. HTML Basic Tags HTML Formatting Tags HTML Color Codingconcession HTML-Grouping Using Div Span HTML provides two essential elements, <div> and <span>, for grouping and organizing content on a website. Div and Span Tags for Grouping HTML-Lists HTML offers three types of lists for organizing and presenting content on a website: Unordered Lists Ordered Lists Definition list HTML-Images HTML provides the <img> tag to insert images into a website. Image and Image Mappin Adding Images Adding Border to an image HTML-Hyperlink HTML for creating connections between web pages and enabling navigation within a website. URL - Uniform Resource Locator URL Encoding Why links fail? HTML-Table HTML tables are used to present structured data in rows and columns on a website. < table > < th > < tr > < td > < caption > < thead > < tbody > < tfoot > < colgroup > < col > HTML-Iframe The <iframe> tag in HTML is used to embed another HTML document or web page within the current document. Using Iframe as the Target HTML-Form HTML forms are an essential component of website development that allow users to input and submit data. < input > < textarea > < button > < select > < label > HTML-Headers HTML headers are used to provide a hierarchical structure and organize the content of a webpage. Title Base Link Styles Script Meta HTML audio and HTML video HTML audio and HTML video elements are used to embed and play audio and video content within a webpage. HTML audio Tags HTML video Tags CSS Introduction CSS (Cascading Style Sheets) is a styling language used to describe the presentation and visual appearance of HTML documents. CSS Syntax CSS Id & Class CSS How CSS Styling Styling Backgrounds Styling Text Styling Fonts Styling Links Styling Lists Styling Tables CSS Box Model The CSS Box Model is a fundamental concept in CSS. CSS Border CSS Outline CSS Margin CSS Display CSS Positioning CSS Floating CSS Navigation Bar CSS Image Gallery CSS Image Opacity CSS Align Introduction Borders Borders in website development refer to the visual lines or outlines that surround HTML elements, such as divs, images, buttons, and tables. border-radius Border Images Backgrounds They play a crucial role in web design and help create visually appealing and engaging websites. Background Size background-origin Text Effects Text effects in CSS allow you to apply visual enhancements and decorative styles to text on a webpage. text-shadow box-shadow Text text-overflow word-wrap word-break Fonts Transforms Font transforms in CSS allow you to modify the appearance and style of text by applying various transformations. 2D Transforms 3D Transforms font-weight font-style line-height letter-spacing font-family font-size word-spacing text-align white-space text-decoration text-transform transform scale(x,y) translate(x,y) matrix() rotate(angle) skew(x-angle,y-angle) Transitions Transitions in CSS provide a way to smoothly animate the changes in CSS properties over a specified duration. transition-delay transition-duration transition-property transition-timing-function Animations Animations in CSS allow you to create dynamic and interactive effects on webpages. animation-direction animation-delay animation-name animation-duration Media Query Media queries in CSS allow you to apply different styles and layouts to webpages based on the characteristics of the user's device or viewport. Media Queries Fluid Layouts What is Responsive Web Design Tablet Styles Intro to the Viewport The Viewport Tag Making a Mobile Drop-down Menu Mobile Styles Responsive Images & Polyfills Introduction to JavaScript JavaScript is a high-level, interpreted programming language that is widely used for developing dynamic and interactive web applications. Statements Syntax Comments Enabling in various browsers Popup Boxes JavaScript is typically enabled by default in most modern web browsers. Prompt Confirm Alert Variables Operators In JavaScript, variables are used to store and manipulate data. Arithmetic Assignment Comparison Conditional Logical Conditional Statements Conditional statements in JavaScript are used to perform different actions based on different conditions. if if...else if...else if...else Switch Loops Loops in JavaScript are used to repeatedly execute a block of code until a certain condition is met. They allow for efficient iteration and repetition of tasks. for while do...while for...in Statement Break Continue Functions Functions in JavaScript are blocks of reusable code that perform a specific task. Built-in Functions paraseInt and parseFloat User-defined Functions Function Syntax Function with Arguments Returning Values from Functions Events JavaScript allows you to respond to these events and execute specific code when they occur. Introduction Keyboard Events Mouse Events Document/Window Events Form Events Cookies Page redirection Built-in Objects JavaScript provides the document.cookie property to work with cookies. Introduction Arrays Math Strings Number Associative Array Date Regexp Array Properties and Methods Boolean Advanced javascript JavaScript is a versatile and powerful programming language that is commonly used for web development. Form Validations Validating Radio Buttons Basics of Form Validation Validating Select Menus Validating Checkboxes Validating Textareas JS Document Object Model (DOM) The Document Object Model (DOM) is a programming interface for HTML and XML documents. Introduction DOM CSS DOM HTML DOM Events JS Browser Object Model (BOM) The Browser Object Model (BOM) in JavaScript provides a set of objects and APIs that allow interaction with the web browser. JS Window JS Location JS Cookies JS Time JS Popups INTRODUCTION TO REACT JS React.js is an open-source JavaScript library for building user interfaces. What is React JS? What is SPA? DOM vs Virtual DOM Advantages and Disadvantages Key Features What is SPA? Advantages and Disadvantages DOM vs Virtual DOM Key Features ENVIRONMENTAL SETUP To set up your development environment for React.js, you will need a few tools and dependencies. Installation of CLI Setup Project Node | NPM Installation of CLI Setup Project Directory Structure Code Editors How React JS Application Boot Directory Structure How React JS Application Boot Code Editors OOPS in Javascript Object-Oriented Programming (OOP) is a programming paradigm that allows the creation of objects that encapsulate data and behavior. literal and keys object functions Object Prototypes nested objects setter and getter methods Object functions BASIC FEATURES OF REACT JS JavaScript library for building user interfaces, offers several key features that make it a powerful tool for front-end development. JSX and TSX Render Elements React Concepts Handling Events Props and State Function and Class Components Dynamic Data Rendering Property Binding KEY FEATURES OF REACT JS React uses a virtual representation of the DOM to optimize performance by minimizing actual DOM manipulations. List and Keys Forms Handling Conditional Rendering Forms Validations COMPONENT LIFECYCLE HOOK React.js, component lifecycle hooks are methods that allow you to execute code at specific points during the lifecycle of a component. All Lifecycle Hooks Understanding component lifecycle EVENT HANDLING REACT React provides a streamlined and declarative way to handle events in components. Passing arguments to event Handlers Understanding React Event System NETWORK CALL React.js, making network calls, such as fetching data from an API, is a common requirement for building dynamic applications. Axios Fetch CUSTOM SERVICES Custom services abstract away the complexity of handling API calls, allowing for cleaner and more modular code. Introduction to Services Building a Service LOCAL DATA STORAGE React.js, you can utilize various methods for local data storage. Session Storage Local Storage Cookies ROUTING WITH REACT ROUTER React Router is a popular routing library for React applications that allows you to handle routing and navigation in your web application. Configuring route with Route Component Setting up React Router Making routes dynamic with Route Params Link and NavLink Working with nested routes Redirect Routes UI COMPONENTS UI components are reusable building blocks that encapsulate a specific piece of user interface and its functionality. PrimeNG Material Design INTRODUCTION TO REDUX Redux is a popular state management library for React.js applications. High order Components Why Redux Install and setup mapStateToProps and mapDispatchToProps usage Store ,Reducer , actions Dispatcher ADVANCE REDUX Advanced Redux concepts build upon the foundational knowledge of Redux and provide additional capabilities and patterns for more complex scenarios. Middleware Async Actions Redux Thunk and Redux Saga React Hooks State management and lifecycle methods were primarily available in class components. Why We Need Hooks. Different Types Of Hooks Using State And Effect Hooks Custom Hooks Usereducer , Useref Etc. Rules Of Hooks Third Party Modules These modules can significantly enhance the development process and help you build robust and feature-rich React applications. Pagination Social Login Filter Search Many More JWT Token File Upload Rest Js Testing RESTful APIs are commonly tested using various testing frameworks and libraries in JavaScript. Jest with Enzyms Arrays and Strings: PHP, arrays and strings are fundamental data types that allow you to store and manipulate collections of data. Array functions and manipulation Working with arrays (creating, accessing, modifying, and iterating) Regular expressions in PHP String manipulation and functions Working with Databases and MySQL: One popular database management system is MySQL. Introduction to databases and SQL Connecting to MySQL database using PHP Executing SQL queries with PHP Inserting, updating, and deleting data in the database Fetching and displaying data from the database