React with Router,AJAX, Redux etc

In this session we will learn Router Link & Nav Link Higher Order Components(HOC) Programatic Redirects Axios (Nodejs utility for AJAX) Route Parameters Switch Tag to link only exact match Importing Images Redux Intro Integrating with Jquery Installations Required For Create React App and React basic stuff npx create-react-app my-app For extra utilities in this…

React Development Basics

Intro: Basics : components, events, templates, props and forms Router : routes, route paramenter, redirects Redux : stores,actions & reducers Samples Git https://github.com/iamshaunjp/react-redux-complete-playlist CDN Links https://reactjs.org/docs/cdn-links.html VS Code extensions that could be handy ES7 React/Redux/GraphQL/React Native Snippets by dsznajder Sublime babel by josh peng Browser extensions React Developer tools by facebook firefox , Chrome It…

React JS Introduction

About React.js is a JavaScript library for building user interfaces. It was created by Facebook and is now maintained by a large community of developers. React allows developers to build reusable UI components and manage the state of those components efficiently. With React, you can build complex and dynamic web applications with a high level…

CASE(Computer Aided Software Engineering) Tools

CASE Tools Case tools (Computer-Aided Software Engineering tools) are software applications that assist in the software development process. They provide a range of features and functions that can help developers and project managers to design, implement, test, and maintain software systems. Some examples of CASE tools include: Requirements Management Tools: These tools help in capturing,…

Software product development phases

Brief of S/w project phases In briefest explanation involves 4 phases. see diagram Inititation Planning Execution Closure Details Software product development typically involves several phases, including: Planning: This phase involves identifying the problem or opportunity that the software will address, gathering requirements, and creating a project plan. Analysis: During this phase, the requirements are analyzed…

Documentation from Scratch

Code Documentation from scratch Try to follow this Workflow mentioned in this page Standard Documentation Try to draw relevant UML diagrams using puml tutorials,PUML Online Server, Building Blocks, hariyom.com drive Ensure Standardized Coding Try to cover as many titles and sub titles in http://www.outsource-online.net/blog/2022/07/02/developing-wordpress-plugin/ create flow chart with http://flowchart.js.org/ git URL check doxygen tips at…

Creating a vlog with short videos

split files ffmpeg -i introVideoWithLogo.mp4 -y -filter_complex ^ "split=2[out1][out2]" -map "[out1]" -ss 0 -t 10.4 -map 0 output1.mp4 -map "[out2]" -ss 10.5 -t 7 -map 0 output2.mp4 scale file ffmpeg -i cure4UrinaryProblems.mp4 -vf "scale='min(640,iw)':min'(352,ih)':force_original_aspect_ratio=decrease,pad=640:352:-1:-1:color=pink" scaled.mp4 Crop files set OUTPUT_FILE=”vlogOpener.mp4″ set CROP_WIDTH=1366 set CROP_HEIGHT=768 set CROP_STARTX=277 set CROP_STARTY=156 set OUTPUT_FILE=”vlogOpener%CROP_WIDTH%x%CROP_HEIGHT%.mp4″ ffmpeg -i vlogOpener1920x1080.mp4 -filter:v “crop=%CROP_WIDTH%:%CROP_HEIGHT%:%CROP_STARTX%:%CROP_STARTy%” -c:v…

Doxygen Basics

References reference for tags Video Reference Good Table of Contents Reference Basic Documentation Files Generated Documentation Commonly Used Tags PHP Paginator project with Doxygen Documentation git Documentation Install Download You have to enter email and password, download link will be mailed Start Tripple slashes & a lesstan symbol ///< is single line comment for doxygen…