Frontend development for beginners (using vanilla JavaScript)

From 4.6 C$ /h

This class provides foundational knowledge and skills in HTML, CSS, and JavaScript, the core technologies for building and styling web interfaces.

1-HTML (HyperText Markup Language): Learn the basics of HTML to structure web content. This section covers elements, tags, attributes, forms, and semantic HTML, ensuring an understanding of how to create organized and accessible web layouts.

2-CSS (Cascading Style Sheets): Gain hands-on experience with CSS for styling and layout. Topics include selectors, colors, typography, box model, flexbox, grid, animations, and responsive design, empowering you to transform HTML structures into visually appealing, flexible designs.

3-JavaScript: Explore JavaScript to add interactivity and functionality to web pages. You’ll cover essential topics like variables, data types, functions, DOM manipulation, event handling, and an introduction to ES6+ features, enabling you to make dynamic, user-friendly websites.

By the end of this class, you'll be able to create structured, styled, and interactive web pages that provide a positive user experience and prepare you for more advanced front-end development topics.

Extra information

bring your laptop or pc
set up your environment (visual studio code)
make sure your internet connection is stable

Location

Online from Egypt

Age

Teenagers (13-17 years old)

Adults (18-64 years old)

Seniors (65+ years old)

Student level

Beginner

Intermediate

Duration

120 minutes

The class is taught in

English

Arabic

Skills

Html

Css

Javascript

Availability of a typical week

(GMT -05:00)

New York

Online via webcam

Mon

Tue

Wed

Thu

Fri

Sat

Sun

00-04

04-08

08-12

12-16

16-20

20-24

Renaud

5.0

(23)

Trainer for 10 years, I offer to support you in your learning of this software.

Dreamweaver is an advanced code editor. It allows you to create and update html and css code more easily.

My course is accessible even if you have no notion of html and css languages. I even suggest you learn the concepts while discovering the features of Dreamweaver.

Manoj

5.0

(23)

I am a Professional Full Stack Developer with over 15 years of hands-on experience in software engineering, system design, and artificial intelligence.
I’ve worked across frontend, backend, DevOps, and AI, building enterprise-grade systems for real-world applications — from large-scale microservices to cognitive AI platforms.

I’m passionate about teaching the real, modern way of coding — combining deep technical foundations with today’s most advanced technologies: Generative AI, Agentic systems, RAG architectures, cloud automation, and intelligent DevOps.

Whether you are a beginner exploring your first “Hello World,” a professional improving your stack, or a researcher/developer exploring AI systems, I can guide you step-by-step — conceptually, practically, and strategically.

🧩 What You Will Learn
🖥️ Front-End Development

Master how to build responsive, interactive, and high-performance interfaces:

HTML / HTML5 – Structure, semantics, forms, accessibility

CSS / CSS3 / SCSS – Layout, animations, responsive design, Flexbox, Grid

Bootstrap / Tailwind / Material UI – Rapid design frameworks

JavaScript (ES6+) – Functional programming, event loop, closures, async/await

TypeScript – Strong typing, interfaces, decorators, generics

React.js / Next.js – Components, hooks, state management, routing, APIs

Angular (1.x to 17) – Modules, dependency injection, RxJS, advanced architecture

Vue.js (optional) – Reactive programming, lifecycle management

jQuery / AJAX – Legacy support and backend communication

Web Performance – Lighthouse, Core Web Vitals, PWA, caching strategies

⚙️ Back-End & Enterprise Development

Build scalable, secure, and intelligent server-side systems:

C / C++ / Data Structures / Algorithms / OOPS

Java / J2EE / Spring / Spring Boot / Spring Cloud / Hibernate / Struts / Wicket

Microservices Architecture – API gateway, service registry, inter-service communication

Node.js / Express / NestJS – Modern JavaScript/TypeScript backend

REST & SOAP Web Services – API design, security, documentation (Swagger / Postman)

Python (Flask / FastAPI) – REST APIs, ML pipelines, automation

Shell Scripting (Linux/Unix) – Automation, cron jobs, log parsing, DevOps scripting

PHP / Laravel / CodeIgniter – Classic web backend development

Containerization & Orchestration: Docker, Kubernetes, Helm

CI/CD & Cloud: Jenkins, GitHub Actions, Azure DevOps Pipelines

☁️ Cloud & DevOps Mastery

Learn to build, deploy, and scale applications on the cloud:

AWS (EC2, S3, Lambda, DynamoDB, API Gateway, ECS)

Azure (App Services, Functions, CosmosDB, DevOps)

Google Cloud (GCP, Vertex AI, BigQuery, Cloud Run)

Monitoring & Logging: ELK Stack (Elasticsearch, Logstash, Kibana), Grafana, Prometheus

Infrastructure as Code (IaC): Terraform, AWS CDK, Azure Bicep

Version Control & Collaboration: Git, GitHub, GitLab, Bitbucket

CI/CD Pipelines: Build, test, deploy automation, rollback, release management

📱 App Development

Develop mobile and hybrid apps end-to-end:

Android (Java/Kotlin) – UI/UX, activity lifecycle, API integration

Hybrid Frameworks: Ionic, Cordova, React Native

Progressive Web Apps (PWA) – Offline-first, caching, mobile optimization

Firebase Integration: Auth, Firestore, Cloud Messaging

🤖 Artificial Intelligence & Machine Learning

Learn how modern AI systems are built and deployed:

AI Fundamentals: Neural networks, supervised/unsupervised learning

Machine Learning with Python: scikit-learn, TensorFlow, PyTorch

Natural Language Processing (NLP): Transformers, BERT, GPT

Computer Vision: OpenCV, YOLO, Image Classification

AI APIs & Integrations: Google DialogFlow, Azure Cognitive Services, OpenAI API

🧬 Generative AI, RAG & Agentic Systems

Special focus on real-world AI integration and automation:

Generative AI Models (GPT, Claude, Gemini, Llama, Mistral) – Practical implementation

Prompt Engineering – Designing powerful, reusable prompt frameworks

Retrieval-Augmented Generation (RAG) – Hybrid search + generation architectures

Agentic AI Systems – Building autonomous multi-agent workflows (e.g., AutoGPT, CrewAI)

Agentic RAG – Contextual memory, chaining, and reasoning systems

LangChain / LlamaIndex – RAG pipelines, document loaders, embeddings, vector DBs

Vector Databases: Pinecone, Chroma, Weaviate, FAISS

Knowledge Graphs & Context Management – Enterprise data linking with RAG

AI App Deployment: FastAPI + Streamlit + LangServe + Docker

Copilot & AI Tools: GitHub Copilot, ChatGPT API, Code Interpreter, Vertex AI Studio

Google AI Developer Kit (ADK) – Edge AI, TensorFlow Lite, Coral, and model serving

Voice AI & Conversational Design: Dialogflow CX, OpenAI Assistants, ElevenLabs

🔬 Data, Testing & Quality

Database Systems: MySQL, PostgreSQL, MongoDB, Oracle, DB2, Redis

Database Design: ERD, normalization, indexing, performance tuning

Testing Tools: JUnit, Mockito, Selenium, Cypress, Postman

TDD / BDD Practices: Unit, integration, and end-to-end testing

Logging & Monitoring: ELK, Splunk, Prometheus

Performance Optimization: Profiling, caching, concurrency

🧩 Operating Systems & Scripting

Windows / Linux / Ubuntu / Unix Administration

File Systems, Permissions, Networking, Process Management

Shell Scripting / Automation / Log Analysis

System Security and SSH Hardening

🧠 Bonus Topics

Mathematics for Programmers – Logic, combinatorics, probability, graph theory

Game Development Basics: Unity, Phaser.js, HTML5 Canvas

AI Ethics, Data Privacy, Responsible AI Design

Automation Projects & Web Crawling / Scraping: BeautifulSoup, Selenium, Puppeteer

No-Code / Low-Code Integrations: Zapier, Make, AI automations

Mahmood

5.0

(23)

Java is one of the most important of all computer programming languages. But learning Java can seem like a daunting task. Not any longer! In this course I will train you well in Java Programming step-by-step. Starting from basis right through the more advanced topics. No prior knowledge is required.

Course outlines:
- Objected Oriented Programming concepts (OOPS)
- Core Java Programming Introduction of Java
- Data types and Variables
- Methods
- Control Flow Statements
- Operators and Expressions
- While and do-while Loops
- Object-oriented Programming
- Objects and classes
- Using Java Objects
- Java Files and I/O
- Interfaces and Abstract Classes
- Inner Classes

Arne

5.0

(23)

Web development is a great field to start your programming journey, not only do you learn to think logically but you'll also combine your code with a visual design.

I will not program for you but I will teach you how to program so you'll be able to start your programming career with ease.

Wissam

5.0

(23)

Doctor trainer in IT teaches you the basics of designing static and dynamic (programmed) web pages.
- Design of HTML web pages
- Applying CSS and SASS styles
- Make the web pages "Responsive"
-Angular framework
- Backend programming: PHP language, or Java/JSP
- Web API
- connection to a MYSQL Database, FireBase

Baia

5.0

(23)

Are you ready to create interactive, visually appealing websites that stand out in today’s competitive market? In this course, you’ll master the essential front-end development skills:

✅ HTML, CSS, and JavaScript – Build responsive and modern web pages
✅ React & Vue.js – Learn cutting-edge frameworks for dynamic UIs
✅ Real-World Projects – Work on hands-on projects to strengthen your skills
✅ Problem-Solving & Creativity – Develop intuitive, user-friendly interfaces

🔹 Who is this course for?

- Beginners who want to break into web development
- Developers struggling with front-end concepts
- Anyone looking to level up their skills and build real projects

🚀 Stuck on a project? Want to learn high-income tech skills?
This course will help you gain confidence, land opportunities, and grow in the tech industry.

📩 Contact me for more details and start your front-end journey today!

Sufyan

5.0

(23)

In the digital age, it's good to have a foundation in different programming languages. HTML, CSS and PHP are typically web-oriented programming languages. Approaching the learning of these languages can seem difficult, I have already had the opportunity to hear people say "I would have learned Chinese faster". Don't worry, these languages are available to everyone.
My courses are mainly aimed at people with a beginner or intermediate level in programming in these languages.

"A good teacher does everything to have no more students".
I don't have a predefined method for teaching. Just as a doctor does not give the same remedy to all his patients, I treat each person on a case-by-case basis.
What interests me is being able to advance and improve the student's skills.

Aniket

5.0

(23)

- B.tech and M.tech in Computer Science
- Worked as a Software engineer in Virtusa Corp & DIGIDEZ
- More than 6 years of teaching experience
- Oracle Certified Developer
- Helped students placed in FAANG

Featured Review :
Been trying to learn Java on my own for about 1 year and I couldn't get a grasp on it. Aniket make learning Java a fun experience and challenges you to think for yourself to reinforce the concepts you've learned. I am truly excited for our meetings and he makes time go by so fast that I'm upset when they end. Great teacher and he is genuinely passionate about your success. If I could give him more stars I would!!!

Thanks
Aniket

Gaëtan

5.0

(23)

This course is suitable for all levels and will be adapted according to your projects, the principles are applicable to any type of programming whether for web development, application programming or video games.

The same principles therefore apply to the CMS Joomla, Drupal and the online commerce platforms WooCommerce, Magento, Prestashop and Shopify themes.

Introduction to Web Development
- Overview of web technologies
- Client side vs server side development

HTML (Hypertext Markup Language)
- Structuring web content
- HTML5 Features and Tags

CSS (Cascading Style Sheets)
- Formatting of web pages
- CSS and SCSS

JavaScript, PHP, MySQL
- Fundamentals of JavaScript, PHP and MySQL
- DOM manipulation
- Asynchronous and AJAX programming

Front-End Development
- Responsive web design
- Cross-browser compatibility
- Using CodeKit

Back-End Development
- Choose a suitable web hosting
- Server management and hosting options
- Use of SFTP server
- Create and manage MySQL databases
- Web security, how to avoid hacks
- SEO and speed optimization

WordPress
- Configuration and installation of WordPress
- Installation and customization of themes (Avada in particular)
- Installation and configuration of WooCommerce
- How to manage payments on WooCommerce
- Adapt the colors of a plug-in

SilverStripe
- Install via composer
- Configuration and installation of SilverStripe
- Create a custom theme
- Create a custom back end for SilverStripe
- Create new objects in OOP
- Create templates to visualize objects
- Program routines in PHP and JQuery

Dr.Ebrahim

5.0

(23)

Python is one of the most, excellent in the event that not the leading, dialect to begin learning programming. It is additionally one of the foremost broadly utilized dialects nowadays, particularly in cutting-edge zones such as machine learning.

This ubiquity implies that Python is always advancing. It offers a wide run of devices and libraries, which are free and exceptionally shifted.

As an aeronautical builder, I like to share my information and derive satisfaction from it by educating and spurring others.

I'm utilized to working with individuals of distinctive ages. I believe in the significance of fragmenting learning, visualizing advance, setting concrete objectives and honing frequently.

Past these general standards, there's no enchantment running the show or strategy. A few approaches work with a few understudies but not with others. Adjustment to personal needs is hence the most objective of private lessons. So I will do my best to discover what propels and makes a difference in my understudies.

In case your child is curious about technology, you ought to deliver him this opportunity, a programming dialect course to build games 2D Teaching how to make an online site within the web dialect, and more aptitudes in each address The addresses are associated, comprising of 6 levels, and each level has 4 addresses. The term of the address is two hours, counting a brief break for the understudies. The addresses are associated, comprising 6 levels, and each level has 4 addresses. The length of the lecture is two hours, counting a brief break for the understudies.
The course is accessible for all ages.
If you are interested, send a message and I will reply to you as soon as conceivable
Best respect
Ibrahim.

Manu

5.0

(23)

Discovery of the basics (and more) of web development with HTML (structure of a web page), CSS (modification of the style of elements) and Javascript (adding logic, interactivity). Possibility of theoretical and practical courses. Correction of projects. Opportunity to provide advice and best practices in the field.

Farouk

5.0

(23)

These courses are part of a practical and accessible introductory training course in web development 🌐💻, designed for those who want to learn how to create a website from A to Z.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.

My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.

Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀

Training plan in 10 modules:

1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.

2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.

3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.

4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.

5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.

6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.

7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.

8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.

9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.

10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.

Fahd

5.0

(23)

Unlock the world of programming with a clear and practical course designed for complete beginners.
In this class, you'll learn the foundations of JavaScript, one of the most widely used languages in modern web development.

Through simple explanations and real examples, you’ll understand how to write your first programs, solve problems using logic, and build small interactive projects. My teaching approach focuses on practice, clarity, and step-by-step guidance—perfect for students who want to start their coding journey with confidence.

By the end of the course, you’ll be able to:

Understand variables, conditions, loops, and functions

Build basic JavaScript programs that run in the browser

Work with events and manipulate the DOM to create interactive pages

Apply programming logic to solve real-world problems

Develop a solid foundation to continue into front-end or full-stack development

Muhammad

5.0

(23)

This is a basic course to strengthen the students ability to understand the basics of programming and Web Development. At the end of the course, the students will develop an interest in programming with a good theoretical and practical knowledge of how things work.

Luisa

5.0

(23)

My classes are geared towards teenagers, young adults, and adults who want to learn programming from scratch. I explain the fundamentals with practical examples and simple projects, adapting the pace to each student. The goal is for you to acquire a solid and understandable foundation to confidently advance in the world of software.