Demonstration of a Complete React Admin Dashboard | Why build this React Admin Dashboard? | Installation | Code Setup | File and Folder Architecture | Theme with Light and Dark Mode | Appbar aka Topbar | Router Setup | Navbar aka Sidebar with React Pro Sidebar | Tables with Mui Data Grid | Profile Form with Formik and Yup | Calendar using FullCalendar Package | FAQ Page with MUI Accordion | Bar, Line, Pie and Geography Charts with Nivo Charts | Dashboard | Final Demo of Dashboard | Fully Built Complete React Admin Dashboard
Intro | My First Window | Activate Application | Preload Script | Production Ready App | Add Items Menu | Clickable Menu | New Browser Window | Open camera | Capture Image | How IPC Works | Render to Main data share | Render to Render data share | Add Notification | What Next ?
Intro | What Is Electron Forge? Why did I choose it? | Adding Electron Forge To Our Electron Angular App | Testing the Electron Forge Created Installer
Intro | What Material UI is (and how it relates to Material Design) | Installing @mui/material + emotion/react + emotion/styled | Importing our first MUI Component: The Button | Component props in MUI and component customization | How to read MUI Documentation for components (Demos / Examples, and API) | The 3 common Props of MUI Components | Typography (text) examples | What Themes are and how to customize a Theme in MUI V5 | Creating a theme and overwriting colors | Customizing Typography with Themes (Creating a typography Variant) | Introduction to the SX prop in MUI V5 (for adding css to your component) and system shorthands | Custom colors using your Theme | How to use Styled Components to add CSS and style your components
Introduction | Installation | MUI 5 Crash course | Material UI (MUI) sx prop | Custom MUI Components | How to Create a Custom MUI Themes | Mui Layouts (Box, Container, Grid, Stack) | Mui Responsive Design Tutorial | Mui App Bar (Navbar) | Mui Menu | Mui Sidebar | Mui Cards (Social Media Card Example) | Mui Right Menu | Mui Tooltip, Fab, Icons | Mui Modal Tutorial | Mui Dark Mode in 1 Minute | How to Deploy Mui App | Outro
Intro | Material UI Create React App | Material UI Button | Material UI Checkbox | Material UI Textfield | Material UI makeStyles for Buttons | Material UI Themes with ThemeProvider | Material UI Typography | Material UI Containers and Grids | Material UI Responsive Design | Material UI AppBar
Intro | Project Overview | Initialize New React App | Google Dictionary API | Material UI Intro | Install Material UI | Building The App | Deploying to Netlify | What is PWA? | Converting Dictionary into a PWA | Testing the Final PWA
Results Showcase | Setup | Create Theme | Add or Remove Breakpoints | 1. Make Responsive in Global Theme | 2. Make a Specific Component Responsive | 3. More Control Over Specific Button Responsive | 4. useMediaQuery
Introduction Material UI | How to use JSS for styling components | AppBar | Material UI Grid | Customize Material UI Components | Mui Theme Customization | Mui Form Design | Form Validation & Submission | Mui Table/ DataTable | MuiPopup Dialog | Mui Notification | ConfirmDialog
Introduction | How to Use Material UI in React | Material UI Custom Styles | How to Create a Theme | Material UI Navbar ( AppBar) | Material UI Responsive Design | Using Props in Theme | Material UI Grid System | Responsive Sidebar | Material UI Card | Material UI Tooltip | Material UI Modal | Material UI Form | Material UI Notification Snackbar | Material UI Right Menu | Outro
add two components inside the folder | start adding input controls inside the form | spread this grid into two halves | add custom css to align | add some margin and padding for this control | apply the custom css | show a group of radio buttons | show a single radio button | separate these form input controls into separate reusable component inside the application | move this control into a reusable component | make a reusable component | create a functional component | create an array containing gender | add the drop down | define a function with hard-coded array of departments | add the select control | specify the control for checkbox | add this check box inside the controls object | add the format for the date | add two more input controls | adding a reusable component | show both submit button and reset button in a same row | add a reset button | add some padding
Customize the Material Ui Theme | Create a Theme | Module Augmentation | Styled Box | Add a Color within the Palette | Add a New Color within a Palette Color
Documentation | Create a React Application | Dependencies | Update Npm | Components | Navbar | Create a Functional Component | Add a Prop Type | Images in a Grid | Map through the Images | Dialogue | React Inline Styling | And this Is a Nice Little Application To Kind Of Get You Started although this Also Implements Material Ui Which Is Separate It's a Separate Library That You Know You Don't Need To Know We Don't Use that in the Course or Anything but if You'Re Interested Check that Course Out You Can Find It In on My Website Which There's a Link in the Description I'Ll Also Have a Link to this Code on Github and that's It Please Like if You Like this Video if You'Re Not Subscribed and You Like this Type of Content Please Consider Subscribing Please Consider Supporting Me through Patreon or Joining My Social Media Whatever You Guys Can Do Is Absolutely Appreciated and Thanks for Watching
Installation | Symphony Setup | Php | Environmental Variables | Download Symphony | Phpstorm | Local Database | Set Up a Database | Enabling React | Assets | Set Up that Git Repository
Show the final multi-step form we will achieve at the end of the video | Show the repository with the code for people that want to follow along | Creating the form with all the fields, but without any steps | Add validation using Yup - we have a field validation depending on another field | Add multiple steps to the form | Create back and next button to "navigate" the steps | Add validationSchema property for each step, instead of at the Formik top level | Improve form look and feel (design) using Material-ui Box and Grid | Add Material-ui Stepper component to show in which step we are currently | Disable back and submit button while the form is submitting | Add a tick/check to the last step when submit is finished. Add a spinner to submit button while submitting. | Video conclusion
What Formic Is | Imports | Initial Values | Validation | Render | Form Control Label | Tags | Time Picker Component | Auto Complete Autocomplete | Submit Button
create two new states | create the ui for our quiz page | create another div with the class name of controls | create a results page | create the results page
Custom Actions | A Basic Form | Components | Is It Still Worth It To Become a Web Developer | React Hook Form | Register Function | Make an Optional Prop in an Interface | Validations | Validation Schema | What Are some Advantages of Material Ui over Other Ui Frameworks | Reset the Form | React Redux Structured Structure | Asynchronous Actions | Post Request | Reverse Entries | Memorized Functions | Form Validation
Fun Time | Intro | Creating Database in MySQL | Creating Table in MySQL | Creating API of Registration in PHP | Creating API of Login in PHP | Demo of Flutter PHP MySQL Login and Register | Outro
Basics of the snackbar component | Different types of snackbars | Why you need redux for Snackbars | How redux works here | Our wrapper around Material UI's Snackbar | Adding our snackbar to pages
What is Frontity and why you should use it | Installing and Using Frontity CLI | Frontity React Project Structure | Setting Up Wordpress server with Nginx | Taking a closer look at Wordpress RESTFUL API | Creating a custom landing page | How Post fetching works
Google Dictionary Api | Material Ui | What Is a React Component Library | React Bootstrap | Install Material Ui | Header Section | Header Component | Monsterat Font | Text Component | Dark Theme | Theme Provider | Select Component | Header Css | Synonyms | Create a Theme Switcher Component | A Theme Switcher Component
Intro | Let's get started | Add delete action button | Let's print selected row data on console | Let's write the logic to delete selected data | Now update the state
create a basic class-based component | create a components folder | create a basic functional component | wrap this into a container | set the duration | add a country | add some space between these cards
Introduction | Responsive Website Preview | Importance of This Tutorial | Create Project Directory | Create Nav Bar | Create Hero Section HTML CSS | Create Feature Section | Create Popular Courses Section | Create Registration Form HTML CSS | Create Profile Section | Create Footer Section HTML CSS | Check Website and Fix | Make Responsive Website For Tablet | Make Responsive Website For Mobile
There is a link to my Flexbox lesson in the video description! | There is a link to my login system lesson in the video description! | gallery-upload.inc.php | There is a link to my file upload lesson in the video description!
Intro | PART 1: Not a visual novel | PART 2: Corpse village | PART 3: Rumours, legends, curses | PART 4: The lost game | PART 5: A fresh coat of paint | PART 6: The hiatus | PART 7: A mage's spell | PART 8: ...In with the new
Intro | 1. First-Person (Not) Shooter - History | 2. Painting the Whole City Dark - Storytelling | 3. Drawing the String Tight - Gameplay | 4. A Shot in the Dark - Thief: The Dark Project/Gold | 5. Refining the Edges - Thief 2: The Metal Age | 6. A New Age - Thief: Deadly Shadows | 7. The Reboot - Thief (2014) | 8. Conclusion | Outro
Introduction | What is portfolio? | Difference of a Website and Web application | Application Overview | Docker | AWS ECR and Docker push | AWS ECS | API Gateway | AWS Certeficate Manager | API Gateway Domain | Route53 | Web Application Running | Admin Page | Ending
INTRO | 1. Iube?te sa fie femeie | 2. ncepe sa ?i vindece rana cu masculinul | 3 ncepe sa-?i cultive abilita?ile feminine | 4.Practica non-reactivitatea | 5. Nu se razboie?te mpotriva rolului de a fi femeie | 6. Devine cea mai feminina femeie pe care o cunoa?te
