TOIT Training

Learn SASS and Build Your Own CSS Library

  This course is focused on SASS, a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). It teaches how SASS extends the capabilities of CSS, making it more powerful with features like variables, nested rules, mixins, functions, and inheritance. The course guides learners through the process of building their own […]

Mobile-First Responsive Website Build (with CSS Grid)

  This course introduces the approach of mobile-first design in building responsive websites, prioritizing optimization for smaller screens and then scaling up to larger screens using CSS Grid. It focuses on the principles of responsive web design, emphasizing the use of media queries and the CSS Grid layout module to create complex and flexible layouts […]

Tailwind CSS Tutorial

  This course dives into Tailwind CSS, a utility-first CSS framework for rapidly building custom user interfaces. It emphasizes how Tailwind CSS differs from traditional CSS frameworks by providing low-level utility classes that can be composed to build any design, directly in the markup. The course covers the core concepts of Tailwind CSS, including its […]

Tailwind Just in Time

  This course focuses on Tailwind CSS’s Just-in-Time (JIT) mode, a feature that generates styles on-demand as you author your HTML, instead of generating a large stylesheet of all possible utility classes upfront. It covers the benefits of JIT, such as faster build times, smaller file sizes, and the ability to use arbitrary values without […]

Mobile Development with .NET MAUI

COURSE OUTLINE   01. Introduction Introduction 02. Environmental Setup Setup Development Environment  03. Create Your First .NET MAUI APP Create Controls with C#  Create Controls with XAML  Understand MAUI Layouts  Set Global Markup Values  Define Platform-Specific Values  Shared Resources  Navigating Multiple Pages  04. Create a Car Listing APP Setup .NET MAUI Project  Create Data Model  Create Data Access Services  […]

Node.js Authentication

  Node.js authentication involves securing Node.js applications by verifying the identity of users or clients. This process typically includes implementing strategies to manage user login sessions, encrypt passwords, and ensure data security as it travels between server and client. The Node.js environment can integrate various authentication mechanisms, such as JSON Web Tokens (JWT), OAuth, or […]

Node.js Crash Course

  Node.js is a powerful JavaScript runtime built on Chrome’s V8 JavaScript engine, designed to build scalable network applications. Unlike traditional languages that use threading for concurrency, Node.js uses non-blocking, event-driven architecture, allowing for the development of efficient and real-time applications, especially on the server-side. In a Node.js crash course, one would explore how to […]

Animate React with Framer Motion

  Animating React components with Framer Motion involves incorporating motion and transitions into a React application to enhance the user experience. Framer Motion is a powerful and easy-to-use library that provides a suite of tools to create animations and interactions with minimal code. It integrates seamlessly with the React component model and offers an API […]

Build a Movie Search App in React

  Learn React in one hour by building a movie search app. Solve interactive coding challenges to ensure that the knowledge sticks with you.

Create React Skeleton Screens

  Creating React skeleton screens involves developing placeholder previews that are shown while content is loading, improving perceived performance and enhancing user experience. Skeleton screens provide users with a glimpse of what to expect, often by rendering shapes that approximate the layout of the yet-to-load content, such as grey boxes for images or shimmering lines […]