In this module you will learn how to make use of colors and designs in a way that works together with your app and looks good.

Apps you will build:

Recipe Book

Restaurant Menu App

In this module you will learn how to implement “drag-and-drop” functionality into your apps and websites. You will do this by developing two fun apps that use drag-and-drop.

Apps you will build:

Funny People

World Map

Puzzle App

In this module you will learn how to add basic animations to your websites and apps using nothing more than HMTL and CSS. You will do this by creating an app that provides information about the Solar System.

Apps you will build:

Solar System

In this module you will learn how to add hover effects on images using CSS.

Apps you will build:

Travel the World

In this module you will learn how to develop websites using the popular platform, WordPress.

Websites you will build:

Portfolio Site

eCommerce Site

In this module you will take your first steps in coding with JavaScript.

You will also learn how to access and make use of JavaScript’s Time functions.

You will learn by building these amazing apps:

• Calculator App
• Countdown Timer App
• World Clock App

In this module you will learn how to fetch data from a server and display it in an app

Apps you will build: 

Advanced Recipe Book

In this module you will learn how to use the Bootstrap framework for CSS to improve the design of your apps and websites.

Apps you will build: 

Image Gallery Plus

Mini Blog App

In this module you will learn how to develop apps that can fetch and add data to a database.

Apps you will build: 

Contact Book App

This comprehensive React web development module is designed to provide you with a deep understanding of the React JavaScript library and its applications in modern web development. Through hands-on learning and practical exercises, you will develop the skills necessary to create dynamic, responsive, and feature-rich web applications.

By the end of the course, you will be equipped with the expertise to build scalable and user-friendly web applications using React.

You will learn the following React concepts:

• Introduction to React: Understanding the role of React in modern web development.
• Setting up the development environment: Installing Node.js and npm.
• JSX (JavaScript XML): Understanding JSX syntax and its role in building React components.
• Components and Props: Creating and managing components, passing data through props.
• State and Lifecycle: Managing component state, understanding lifecycle methods.
• Handling events: Responding to user interactions and events in React.
• Styling in React: Applying styles using CSS and CSS-in-JS libraries like styled-components.
• Lists and Keys: Working with lists and dynamically rendering components using keys.
• Forms and controlled components: Handling form data and managing controlled components in React.
• React Hooks: Using useState, useEffect, and custom hooks for managing state and side effects.
• Context API: Implementing global state management using React Context for sharing data across components.
• Routing in React: Setting up and managing client-side routing using React Router.
• Error boundaries: Implementing error boundaries to handle errors gracefully in React applications.

You will build an amazing e-Commerce App.

This React Native development module is designed to equip you with the essential skills and knowledge required to build cross-platform mobile applications. You will gain hands-on experience in building practical projects. By the end of the course, you will have a solid foundation in React Native development, enabling you to create powerful, efficient, and user-friendly mobile applications for both iOS and Android platforms.

You will learn the following concepts:

• Introduction to React Native: Understanding the basics of React Native and its role in cross-platform mobile development.
• Setting up the development environment: Installing React Native CLI, setting up Android and iOS development environments.
• Components in React Native: Exploring the core components provided by React Native for building mobile applications.
• Styling in React Native: Styling components using StyleSheet and understanding the differences between styling in React and React Native.
• Layouts and Flexbox: Building responsive layouts using Flexbox for different screen sizes and orientations.
• Navigation in React Native: Implementing navigation between screens using React Navigation.
• Working with APIs: Making HTTP requests to fetch data from APIs and displaying it in React Native components.
• Handling user input: Managing user input through forms and validating input data in React Native.
• AsyncStorage and local data: Storing and retrieving data from the device’s local storage using AsyncStorage or other storage solutions.
• Integrating third-party libraries: Incorporating popular libraries for features like maps, animations, and more in React Native applications.
• Handling gestures and animations: Implementing touch gestures and animations for a smoother user experience in React Native apps.
• Testing React Native apps: Writing unit tests and performing UI testing for React Native applications.
• State management: Implementing advanced state management solutions like Redux or MobX in React Native applications.
• Push Notifications: Setting up and handling push notifications in React Native applications for both Android and iOS.
• Debugging and performance optimization: Using debugging tools and optimizing performance for React Native apps.
• Cross-platform considerations: Dealing with platform-specific differences and writing platform-specific code when necessary.
• Deployment and publishing: Building and deploying React Native applications to the Google Play Store and Apple App Store.
• Best practices and real-world applications: Implementing best practices for building scalable, maintainable, and performant React Native applications, with real-world examples and use cases

You will learn these concepts by building a Weather App of your own.