UdemyReact JS

React Responsive Portfolio Website - Complete React Project

التصنيف الكامل: Development > Web Development > React JS

React Responsive Portfolio Website - Complete React Project

عن هذا الكورس

Welcome to this react js course. In this course, you will learn how to build a complete responsive portfolio website. After finishing this course you will have a real-world portfolio website and you will learn how to deploy your website to Netlify cloud server so that anyone can from around the world.Here are the lists that you are gonna learn from this course:React portfolio website.Context API to add Dark and Light theme.Bootstrap to make our website responsive for any device.Typewriting effect.React JS Vertical timeline component to show work experience and education section.React js loads more pagination features.React js sidebar with collapse featuresReact js slick slider. You will learn how to show a responsive slider to show testimonials.React js post request to send email from contact form.React js conditional rendering to generate different colors for different items.Node js and express js for sending emails from the backend.How to test API endpoint in postman for sending an email.React js animation for different items of our app while loading the first time and scrolling.How to add back-to-top scroll features in react js front end app.Theme Features - Dark theme and light theme for our react js app.How to send email from react js using node js, express js, and send grid.React on mouse Hover effectReact js HooksBootstrap to make react js app responsivelyHow to deploy react js app to Netlify.Dark and Light theme Features: You will learn how to dynamically change react app theme color. We will use react Context API to add dark and light theme features.React

تعلم أونلاين 100%

شاهد الدروس في أي وقت ومن أي مكان

محتوى معتمد

مقدم من منصة Udemy

رابط موثوق

ينقلك مباشرة لصفحة التسجيل الرسمية

سعر الكورس
$199.99
الانتقال للكورس / التسجيل الآن
🔒 عند النقر، سيتم فتح صفحة الكورس الرسمية على منصة Udemy في نافذة جديدة.

كورسات مقترحة في نفس المجال

عرض كل الكورسات ←
AI at Work for Non-Technical Professionals
Udemy
Artificial Intelligence (AI)

AI at Work for Non-Technical Professionals

Artificial Intelligence is no longer just for developers and engineers. Today, professionals across every industry are expected to understand AI and use it effectively at work, even without a technical background.This course is designed specifically for non technical professionals who want to use AI to improve productivity, decision making, and confidence in the workplace without coding, labs, or complex tools. Whether you work in business, management, operations, consulting, or an office based role, this course will help you understand how AI fits into your daily work.You will learn what AI really is and what it is not, how professionals are already using AI at work, and how to approach AI tools in a practical and responsible way. Instead of focusing on buttons and features, this course teaches you how to think clearly, ask better questions, and apply AI effectively in real work situations.You will also gain clarity on common AI risks such as incorrect answers, bias, hallucinations, and privacy concerns so you can use AI responsibly and avoid common mistakes professionals make in the workplace.This is a camera based, plain English course focused on concepts, judgment, and real world usage. No software installation is required, and no technical knowledge is assumed. The skills you learn here are designed to remain valuable even as AI tools and platforms continue to change.By the end of this course, you will feel confident using AI as a professional advantage rather than something to fear or avoid.

3D Web Game Development with JavaScript and Three.js
Udemy
Three.JS

3D Web Game Development with JavaScript and Three.js

If you are serious about becoming a game designer, then you already know that you need the most current and complete game design training possible. To succeed in this competitive industry it is essential to have an expert knowledge of the entire game development pipeline. Whether it's your goal to work for a major game studio, or to develop and publish your own indie games, one thing is clear, you will need to be well trained as both a programmer and an artist.This course is project-based so you will not be learning a bunch of useless coding practices. At the end of this course, you will have real-world apps to use in your portfolio. We feel that project-based training content is the best way to get from A to B. Taking this course means that you learn practical, employable skills immediately.You can use the projects you build in this course to add to your LinkedIn profile. Give your portfolio fuel to take your career to the next level.Learning how to code is a great way to jump into a new career or enhance your current career. Coding is the new math and learning how to code will propel you forward in any situation. Learn it today and get a head start for tomorrow. People who can master technology will rule the future.

600+ HTML Interview Questions Practice Test [2026]
Udemy
HTML

600+ HTML Interview Questions Practice Test [2026]

HTML Interview Questions and Answers Preparation Practice Test | Freshers to Experienced Are you preparing for a job interview in web development or simply looking to sharpen your HTML skills? Welcome to the ultimate HTML Interview Questions Practice Test course that will help you ace your interviews and boost your confidence!In this comprehensive course, we cover all the essential aspects of HTML that you're likely to encounter during job interviews. With six distinct sections and a focus on interview questions and practice tests, you'll gain invaluable insights and practical experience to impress potential employers. Section 1: HTML BasicsElements and TagsAttributesDocument StructureHTML5 SemanticsHTML EntitiesHTML FormsSection 2: HTML ElementsText Formatting TagsLink TagsImage TagsTable TagsList TagsMultimedia TagsSection 3: HTML AttributesGlobal AttributesEvent AttributesForm AttributesInput AttributesAnchor AttributesImage AttributesSection 4: HTML FormsForm StructureForm Input TypesForm ValidationForm Submission MethodsForm Elements (Input, Button, Select, etc.)Using Labels and AccessibilitySection 5: HTML5 FeaturesCanvasLocal StorageGeolocationDrag and DropWeb WorkersWebSocketsSection 6: HTML Accessibility and Best PracticesSemantic HTMLARIA (Accessible Rich Internet Applications) roles

Python & PostgreSQL: Build Database Applications
Udemy
PostgreSQL

Python & PostgreSQL: Build Database Applications

Python PostgreSQL: Build Database ApplicationsDatabases are a fundamental part of modern software development. In real-world applications, programs need to store, retrieve, and manage data efficiently. One of the most powerful open-source database systems used in production environments is PostgreSQL.In this course, you will learn how to connect Python applications with PostgreSQL and build database-driven applications step by step.Instead of only focusing on theory, this course emphasises practical learning through real coding examples. You will learn how Python programs communicate with a PostgreSQL database and how to perform common database operations directly from your Python code.We will start by setting up PostgreSQL and creating a database. Then you will learn how to connect Python to PostgreSQL using a database driver and execute SQL queries from your Python programs.You will also learn how to perform essential database operations such as:• inserting data• retrieving records• updating existing data• deleting recordsBy the end of this course, you will build a complete database-driven application using Python and PostgreSQL, helping you understand how backend applications manage data in real-world systems.This course is designed to help Python developers quickly learn how to integrate PostgreSQL databases into their applications.What You Will Learn• Connect Python applications to PostgreSQL databases• Install and configure PostgreSQL and pgAdmin• Execute SQL queries from Python programs• Insert, retrieve, update, and delete database records• Work with real database tables in Python applications• Build a complete database-driven application using Python and PostgreSQLRequirement

Memento-Skills: Build Self-Evolving AI Agents
Udemy
AI Agents & Agentic AI

Memento-Skills: Build Self-Evolving AI Agents

“This course contains the use of artificial intelligence”Build the next generation of intelligent systems with Memento-Skills: Build Self-Evolving AI Agents, a cutting-edge, hands-on bootcamp designed for professionals who want to move beyond static AI and into self-improving, adaptive agent systems. This course teaches you how to design AI agents that learn from experience, continuously evolve their capabilities, and improve performance over time—without retraining underlying models.Traditional AI systems rely on fine-tuning models, but modern architectures are shifting toward memory-driven intelligence. In this bootcamp, you’ll master the paradigm of “Memory Models”, where agents leverage structured memory, reusable skills, and feedback loops to evolve dynamically. You will learn how to design a Memento-Skills architecture, enabling agents to observe, reason, act, and improve autonomously.Throughout this 7-day intensive bootcamp, you will build a complete self-evolving AI agent system from scratch. Starting with a baseline stateless agent, you’ll progressively add capabilities such as structured logging, skill libraries, and intelligent routing systems. You’ll define what a “skill” is—combining prompts, workflows, and logic—and organize them into reusable, scalable components using JSON and Markdown-based architectures.A core focus of the course is building a robust skill retrieval and routing engine. You’ll go beyond simple embeddings and implement hybrid retrieval systems using FAISS or Chroma, keyword search (BM25), and reranking techniques to ensure your agent selects the right capability for every task. This enables context-aware decision-making and dram

Next.js 16 : The Complete Guide to Modern Web Development
Udemy
Next.js

Next.js 16 : The Complete Guide to Modern Web Development

Are you ready to take your web development skills to the next level and build modern, full-stack applications with Next.js?In this course, you will learn how to use Next.js (App Router) together with React 19 to create powerful, scalable, and production-ready web applications. Whether you are a beginner with basic React knowledge or an experienced developer looking to upgrade your skills, this course will guide you step by step.We start from the fundamentals and move all the way to advanced concepts. You will learn how routing works in Next.js, how to create dynamic and nested routes, and how to structure your applications using layouts. Then, we dive deep into data fetching, rendering strategies (SSR, SSG, ISR), and caching, which are essential for building high-performance applications.You will also learn how to build full-stack features using Next.js API routes. Throughout the course, we will implement real-world CRUD operations such as creating, updating, and deleting data. In addition, you will work with modern tools like Tailwind CSS, Sass, and Hero UI to design clean and responsive user interfaces.We will cover form management using Formik and Yup, handle loading and error states, and optimize your application using best practices like the Next.js Image component.By the end of this course, you will build a real-world project from scratch, understand how to prepare your application for production, and confidently deploy it.If you want to master Next.js and build modern web applications the right way, this course is for you.