facebook
favorite button
member since icon
Since September 2026
Instructor since September 2026
Web Design – Learn UI/UX, Responsive Design and How to Design Modern Websites
course price icon
From 56 C$ /h
arrow icon
Learn how to design modern, professional and user-friendly websites through practical web design lessons tailored to your experience and goals.

These lessons are suitable for beginners and developing learners who want to understand how websites are planned and designed before and during development.

Topics can include website layouts, colour and typography, navigation, responsive design, user experience (UX), user interface (UI) design, wireframes, page structure, accessibility and designing for desktop, tablet and mobile devices.

We can also explore tools such as Figma and look at how a website progresses from an initial idea through wireframes and visual designs towards a finished website.

Lessons focus on practical learning. You can work through design exercises, analyse existing websites and create your own website designs and portfolio projects while learning the principles behind good web design.

Lessons can be adapted for complete beginners, students developing their digital skills, people building their own websites or those considering careers in web design, UI/UX or the wider digital industry.

No previous web design experience is required for beginner lessons.
Extra information
Students should have access to a laptop or computer and an internet connection. No previous web design experience is required. Where design software is used, guidance will be provided on the tools needed for the lesson.
Location
location type icon
Online from United Kingdom
About Me
I am a technology professional and the founder of MacDonald Digital Solutions, a digital learning business focused on making practical technology skills more accessible.

My own journey into technology involved developing skills through structured training and hands-on projects, which has given me a strong understanding of what it is like to learn technical subjects from the beginning.

Through MacDonald Digital Solutions, our aim is to help people develop practical digital skills that they can use for personal development, education, career progression or their own projects.

My teaching style is friendly, patient and practical. I believe people learn technology best by understanding the fundamentals and then applying them through real exercises and projects rather than simply memorising information.

Lessons are adapted to the learner's current ability and goals, whether they are completely new to technology or looking to strengthen skills they have already started developing.
Education
Full Stack Development Traineeship – IT Career Switch
AWS re/Start Cloud Computing Programme - Generation UK
CodeYourFuture – Software Development Training
Generation UK – Data & Technology Training
Experience / Qualifications
Experience across technology, software development, service delivery and business environments.

Practical experience building web applications and websites using technologies including HTML, CSS, JavaScript, React, TypeScript, Node.js, Git and GitHub.

My background also includes more than 15 years of experience in retail management and customer-focused environments, giving me experience in communication, coaching, problem-solving and supporting people with different levels of knowledge and confidence.

I have completed technology training through programmes including IT Career Switch, AWS re/Start, CodeYourFuture and Generation UK.
Age
Children (7-12 years old)
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Beginner
Intermediate
Advanced
Duration
30 minutes
45 minutes
60 minutes
90 minutes
120 minutes
The class is taught in
English
French
Availability of a typical week
(GMT -04:00)
New York
at teacher icon
Online via webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
Learn practical Data and Business Analytics skills through structured, hands-on lessons designed around your experience and goals.

These lessons are suitable for beginners and developing learners who want to understand how data can be collected, analysed, interpreted and used to support business decisions.

Lessons can cover Excel, data cleaning and preparation, spreadsheets, formulas and functions, data analysis, data visualisation, dashboards, reporting, KPIs, business requirements and turning raw data into useful business insights.

Depending on your goals, we can also explore tools and concepts used within real business environments, including Power BI, databases, data quality and business reporting.

Lessons are practical rather than purely theoretical. We can work through exercises, datasets, business scenarios and projects so you understand not only how to use the tools but also why particular approaches are used.

Lessons can be adapted for people starting from scratch, students developing their analytical skills, professionals wanting to improve their confidence with data, or people considering a career in Data or Business Analytics.
Read more
Learn practical digital marketing skills and understand how businesses use online channels to reach customers, build their brand and grow their digital presence.

Lessons are tailored around your current knowledge and what you want to achieve, whether you're learning digital marketing for the first time, developing your professional skills, promoting your own business or exploring a career in digital marketing.

Topics can include social media marketing, content creation and planning, brand positioning, understanding target audiences, customer journeys, digital advertising, SEO fundamentals, website marketing and developing a digital marketing strategy.

We can also explore how different digital channels work together and how businesses measure the effectiveness of their marketing using analytics, engagement, conversions and other key performance indicators.

Lessons focus on practical learning using examples, exercises and real-world business scenarios rather than simply studying marketing theory. Where appropriate, we can work on creating marketing plans, content strategies and campaigns that allow you to put what you learn into practice.

No previous digital marketing experience is required for beginner lessons.
Read more
Show more
arrow icon
Similar classes
arrow icon previousarrow icon next
verified badge
Farouk
This module is a crucial step for any web developer wishing to move from simple DOM manipulation to mastering modern frameworks. The objective is clear: to understand the "invisible foundations" of the language in order to write shorter, more readable code and, above all, be ready to code professionally in React.

🎯 Training Objectives

1- Demystify the modern syntax (ES6+) often used in React.
2- Increase efficiency by using the most powerful syntactic shortcuts.
3- Secure your code to avoid frequent bugs related to missing data.
4- Mastering asynchronicity to manage data calls (API).

📖 Detailed program content

The course is divided into 13 key concepts, illustrated by comparative examples (classic syntax vs. modern syntax) and concrete use cases in React:

1- Ease of writing: Use of Template Literals (`backticks`) for dynamic character strings and Shorthand property names to simplify the creation of objects.

2- Logic and Functions: Mastery of Arrow => Functions (arrow functions) and their implicit return, essential for React components and hooks.

Data manipulation:

1- Destructuring (decomposition) to properly extract data from objects and arrays (e.g., Props and States).

2- Rest & Spread Operators (...) to copy arrays or merge objects without modifying the original (concept of immutability).

Code robustness:

1- Managing default parameter values.

2- Advanced security with Optional Chaining (?.) and Nullish Coalescing (??) to prevent application crashes.

3- Functional Programming: Intensive use of array methods (.map(), .filter(), .reduce(), .find()) to transform data into user interfaces.

4- Architecture and Asynchronism: Code organization via modules (Import/Export) and API request management with Promises and Async/Await.

🛠️ Teaching method: "Learning by doing"

This course is not just about theory. It includes:

The "Interstellar Dashboard" Exercise: A 15-minute thematic case study where students manipulate data from space missions. This allows them to immediately apply destructuring, filtering, and asynchronicity to a real-world project.

The Interactive Quiz: A series of 10 questions designed to validate understanding of each concept before moving on. Each question presents real-world scenarios that developers will encounter in React.

🚀 Learner's result

By the end of this course, students will not only "know" JavaScript; they will understand why and how each syntax is used to build efficient React components. They will leave with a solid foundation to confidently tackle Hooks (useState, useEffect) and complex state management.

Format: Clean visual presentation, coloured syntax for code, and focus on readability.
verified badge
Ivan
Experienced Web & AI Developer: creation of your custom applications and websites and programming courses.

The following questions:
- Do you have a digital idea or project you'd like to bring to life? (Perhaps a small e-commerce website, a WhatsApp-style chat application)
- Do you want to create your own platform or learn to code at your own pace with a professional?
Are you looking for someone to hire to create your dream solution?
- Do you want a mobile | web | desktop application?
Are you looking for a developer for a permanent contract or freelance work?
- Private lessons for Web/Mobile apps?

Me:
As a freelance software engineer, I offer my technical expertise to individuals, project leaders, creators, and very small businesses. A patient, responsive, and attentive communicator, I support you from design to deployment.

1. DEVELOPMENT OF YOUR CUSTOM PROJECTS
I design modern, fast, mobile-friendly, and secure solutions. Here are some examples of possible solutions:

- E-commerce & Online Sales Platforms: creation of complete stores (catalog, shopping cart, secure Stripe/CB payment, stock and order management, customer area).
- Instant messaging & Chat applications: development of WhatsApp/Messenger type applications (real-time messaging, document sharing, statuses, live notifications).
- Custom AI Assistants & Chatbots: integration of artificial intelligences (like ChatGPT/Claude) trained on your own documents or configured to automatically respond to your customers, sort requests or automate your daily tasks.
- Business tools and private portals: booking platforms, online calendars, interactive dashboards or automation tools.
- Maintenance & Evolution: graphic redesign, addition of new features or resolution of bugs on your existing projects.

Development pricing:
- Freelance: €350 - €520 excluding VAT / day (or turnkey package on quote after review of your specifications).
- Permanent contract: 3700 Euros / month in Paris, minimum 2-year contract (after review of your duties).

2. PRIVATE PROGRAMMING LESSONS & COACHING FOR YOU OR YOUR LOVED ONES
Whether you are a complete beginner with no prior knowledge, a computer science student preparing for exams, or undergoing career retraining, I offer practical and personalized courses:

- Frontend Web Development: HTML5, CSS3, modern JavaScript, React.js to design dynamic and attractive web interfaces.
- Server & Backend Development: Node.js (with Express), Python, Java to learn how to create APIs, manage requests and manipulate databases (SQL, MongoDB).
- Artificial Intelligence & Automation: introduction to Python for AI, use of AI APIs, data processing.
- Practical support: help with your personal projects, getting unstuck with school/university assignments, preparation for technical interviews.

WHY ENTRUST ME WITH YOUR PROJECT?
- Clear approach: simple explanations, without unnecessary jargon.
- Complete expertise: mastery of the entire chain (design, code, server, security, online deployment).
- Security & Data: strict adherence to security and confidentiality standards (GDPR).
- Trust & Clarity: transparent framing of deadlines and costs.

LEGAL INFORMATION & BILLING

- Service declared with systematic delivery of a professional invoice.
message icon
Contact MacDonald
repeat students icon
1st lesson is backed
by our
Good-fit Instructor Guarantee
Similar classes
arrow icon previousarrow icon next
verified badge
Farouk
This module is a crucial step for any web developer wishing to move from simple DOM manipulation to mastering modern frameworks. The objective is clear: to understand the "invisible foundations" of the language in order to write shorter, more readable code and, above all, be ready to code professionally in React.

🎯 Training Objectives

1- Demystify the modern syntax (ES6+) often used in React.
2- Increase efficiency by using the most powerful syntactic shortcuts.
3- Secure your code to avoid frequent bugs related to missing data.
4- Mastering asynchronicity to manage data calls (API).

📖 Detailed program content

The course is divided into 13 key concepts, illustrated by comparative examples (classic syntax vs. modern syntax) and concrete use cases in React:

1- Ease of writing: Use of Template Literals (`backticks`) for dynamic character strings and Shorthand property names to simplify the creation of objects.

2- Logic and Functions: Mastery of Arrow => Functions (arrow functions) and their implicit return, essential for React components and hooks.

Data manipulation:

1- Destructuring (decomposition) to properly extract data from objects and arrays (e.g., Props and States).

2- Rest & Spread Operators (...) to copy arrays or merge objects without modifying the original (concept of immutability).

Code robustness:

1- Managing default parameter values.

2- Advanced security with Optional Chaining (?.) and Nullish Coalescing (??) to prevent application crashes.

3- Functional Programming: Intensive use of array methods (.map(), .filter(), .reduce(), .find()) to transform data into user interfaces.

4- Architecture and Asynchronism: Code organization via modules (Import/Export) and API request management with Promises and Async/Await.

🛠️ Teaching method: "Learning by doing"

This course is not just about theory. It includes:

The "Interstellar Dashboard" Exercise: A 15-minute thematic case study where students manipulate data from space missions. This allows them to immediately apply destructuring, filtering, and asynchronicity to a real-world project.

The Interactive Quiz: A series of 10 questions designed to validate understanding of each concept before moving on. Each question presents real-world scenarios that developers will encounter in React.

🚀 Learner's result

By the end of this course, students will not only "know" JavaScript; they will understand why and how each syntax is used to build efficient React components. They will leave with a solid foundation to confidently tackle Hooks (useState, useEffect) and complex state management.

Format: Clean visual presentation, coloured syntax for code, and focus on readability.
verified badge
Ivan
Experienced Web & AI Developer: creation of your custom applications and websites and programming courses.

The following questions:
- Do you have a digital idea or project you'd like to bring to life? (Perhaps a small e-commerce website, a WhatsApp-style chat application)
- Do you want to create your own platform or learn to code at your own pace with a professional?
Are you looking for someone to hire to create your dream solution?
- Do you want a mobile | web | desktop application?
Are you looking for a developer for a permanent contract or freelance work?
- Private lessons for Web/Mobile apps?

Me:
As a freelance software engineer, I offer my technical expertise to individuals, project leaders, creators, and very small businesses. A patient, responsive, and attentive communicator, I support you from design to deployment.

1. DEVELOPMENT OF YOUR CUSTOM PROJECTS
I design modern, fast, mobile-friendly, and secure solutions. Here are some examples of possible solutions:

- E-commerce & Online Sales Platforms: creation of complete stores (catalog, shopping cart, secure Stripe/CB payment, stock and order management, customer area).
- Instant messaging & Chat applications: development of WhatsApp/Messenger type applications (real-time messaging, document sharing, statuses, live notifications).
- Custom AI Assistants & Chatbots: integration of artificial intelligences (like ChatGPT/Claude) trained on your own documents or configured to automatically respond to your customers, sort requests or automate your daily tasks.
- Business tools and private portals: booking platforms, online calendars, interactive dashboards or automation tools.
- Maintenance & Evolution: graphic redesign, addition of new features or resolution of bugs on your existing projects.

Development pricing:
- Freelance: €350 - €520 excluding VAT / day (or turnkey package on quote after review of your specifications).
- Permanent contract: 3700 Euros / month in Paris, minimum 2-year contract (after review of your duties).

2. PRIVATE PROGRAMMING LESSONS & COACHING FOR YOU OR YOUR LOVED ONES
Whether you are a complete beginner with no prior knowledge, a computer science student preparing for exams, or undergoing career retraining, I offer practical and personalized courses:

- Frontend Web Development: HTML5, CSS3, modern JavaScript, React.js to design dynamic and attractive web interfaces.
- Server & Backend Development: Node.js (with Express), Python, Java to learn how to create APIs, manage requests and manipulate databases (SQL, MongoDB).
- Artificial Intelligence & Automation: introduction to Python for AI, use of AI APIs, data processing.
- Practical support: help with your personal projects, getting unstuck with school/university assignments, preparation for technical interviews.

WHY ENTRUST ME WITH YOUR PROJECT?
- Clear approach: simple explanations, without unnecessary jargon.
- Complete expertise: mastery of the entire chain (design, code, server, security, online deployment).
- Security & Data: strict adherence to security and confidentiality standards (GDPR).
- Trust & Clarity: transparent framing of deadlines and costs.

LEGAL INFORMATION & BILLING

- Service declared with systematic delivery of a professional invoice.
Good-fit Instructor Guarantee
favorite button
message icon
Contact MacDonald