In this course, you will learn everything that is needed for you to become a Pro React JS developer in a hands-on step by step approach.There is no prerequisite for this course.Everything will be taught from scratch with practical examples.Following are the technologies that will be covered:HTML5 conceptsHTML5 ProjectsCSS3 conceptsCSS3 Projectsjavascript and ES6 conceptsjavascript and ES6 projectsBootstrap 5 conceptsReactJS (latest version 17) conceptsReactJS projectsThe HTML5 topics that will be covered in the course are:Introduction to web developmentClient-server architectureThree-tier architectureWhat is HTMLWhat is CSSWhat is javascriptLocal development environment setup with industry-standard toolsPlugins and techniques to speed up developmentDebugging skillsStructure of HTML pageHML tag and concept of attributesVarious components of HTML documentMeta tag and its importanceHead tagLink tagScript tagDisplay tags like h1 until h6Display tags like paragraph, span, division, labelInline vs block elementsHow to use Entities in HTMLNavigation via an anchor tagButton tagLoading images on your websiteDifferent utility tags to make text bold, italics emphasizeListing tags like ul, olLayout tag like tableHow to create Registration form in HTMLVarious form tags in HTML likeformDifferent types of input tagFile uploadingCreating dropdown with different optionsWriting address in textareaHeader and Footer tagSection and Article tagVideo and Audio tagLoading various websites inside Iframe tagMuch moreYou will get the complete source code so that if you get any doubts anywhere you can just refer the source code.The topics that will be covered for CSS3 are:Introduction to web developmentClient-server architectureThree-tier architectureWhat is HTMLWhat is CSSWhat is javascriptLocal development environment setup with industry-standard toolsPlugins and techniques to speed up developmentDebugging skillsStructure of HTML pageHML tag and concept of attributesVarious components of HTML documentMeta tag and its importanceHead tagLink tagScript tagInline, Embedded, External stylingLinking external stylesheet in your HtmlUsing developer tools and knowing various components of itDifferent types of CSS selectorsHow to use fonts, colors, border, background styleBox model in CSSHow to solve problems due to box modelMargin and Padding in CSS
Display and VisibilityDifferent types of positions in CSSFloat and ClearUsage of z-index propertyCreating layouts using FlexboxResponsive web design using media queriesDifferent types of pseudo-selectors and their usagesBox shadow and Text shadowAnimation and KeyframesTransition and its typesTransformation and its typesYou will get the complete source code so that if you get any doubts anywhere you can just refer the source code.Following are the topics that will be covered in javascript:Setup Installationjavascript IntroductionECMAScript evolutionDifferent types of Data types in javascriptVariables & ConstantsDifferent types of Comments in javascriptVarious Operators and their working on OperandsString and String manipulationWhat is Variable ScopingControl statement like if, else, switch-case-breakLoops – for, for of, forEach, while, do-whileWorking with ArraysWorking with ObjectsWhat are Functions and how to create custom functions and call themWhat is the use of PromptWhat is the use of ConfirmWhat is the use of AlertWhat is Document Object Model(DOM)DOM manipulation using javascriptEvent and Event ListenerSet Timeout and Set IntervalClear Timeout and Clear IntervalDate and Time operation and using its various methodsWorking with Math ObjectWorking with JSONWindow and document objectlocation and historylocalStorage and sessionStorageCalling API with FetchWhat is the Ternary operator and how to use it.What is the Array Filter function and how to use it.Debugging and Troubleshooting in javascriptTemplate literals (Template strings) in ES6Object Destructuring assignment in ES6let and constSpread operatorArrow function expressionsWe will also do Multiple projects in order to understand different concepts.You will also get the complete source code of the whole courseFollowing are the topics that will be covered in React JS and Bootstrap:1.1-ReactJS introduction and environment setup1.2-create react app1.3-program flow and project files walkthrough1.4-types of components in react1.
5-creating and using 1st functional component1.6-creating 1st stateful class component1.7-ES6 functional component, export and import1.8-comparision between functional and class component1.9-react hooks intro1.10-jsx explained1.11-props in functional and class component1.12-state vs props1.13-deep dive into setState1.14-Handling form in class component part-11.15-Handling form in class component part-21.16-componentDidMount lifecycle onload method2.1-create new react app and understand project structure2.2-project cleanup2.3-installing bootstrap and react vscode extension2.4-create home about contact page2.5-creating navbar component2.6-adding react-router-dom and different routes2.7-Link and NavLink to avoid page reload2.8-Designing About and Contact page2.9-Page not found2.10-Bootstrap vs React-Bootstrap2.11-Using custom styling3.1-setting up backend fake api and db3.2-useState useEffect axios api call and React Dev Tools extension3.3-showing all users on frontend UI3.4-adding action buttons on frontend3.5-add user navigation routing3.6-create Add User form3.7-set state variable data3.8-save new user to DB via post api call3.9-another way to save user data in DB using post api 3.10-edit user prepopulate user data3.11-save updated user in DB3.12-delete a user3.13-view user details3.14-view user address and company info3.15-showing loading spinnerThe complete source is also shared.
