Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 10.5 hours on-demand video
  • 4 downloadable resources
  • 2 practice tests
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Front End Web Development

web development package (HTML5/CSS/ bootstrap/javaScript)

Front end web development package
Rating: 4.3 out of 54.3 (6 ratings)
333 students
Created by Ahmed Ahmed Hassan
Last updated 1/2019
English
English, Danish, 
30-Day Money-Back Guarantee

What you'll learn

  • HTML elements
  • How to add styles to HTML page using CSS
  • Build responsive websites using bootstrap
  • build dynamic websites using JavaScript
  • know all mistakes you might fall in while coding

Course content

9 sections • 78 lectures • 10h 39m total length

  • Preview02:27
  • HTML page and how to run the code
    06:15
  • paragraph
    05:55
  • Heading
    03:18
  • Link & Id attribute
    09:27
  • Link part two
    04:37
  • adding image
    07:53
  • adding image part two
    06:21
  • making List
    07:53
  • making Table
    07:15
  • Iframe
    09:52
  • Forms part one
    10:35
  • Forms part two
    07:35
  • Forms part three
    14:19
  • HTML Quiz
    8 questions

  • Introduction to CSS
    07:06
  • Types of selector
    06:11
  • adding color and background color
    07:41
  • border
    08:28
  • margin
    14:13
  • Padding
    05:30
  • Font styles
    08:37
  • width & Height
    06:35

  • link style part one
    04:11
  • link style part two
    09:01

  • list style part one
    04:58
  • list style part two
    06:11

  • table style part one
    05:42
  • table style part two
    09:03

  • form style part one
    06:34
  • Preview08:35
  • CSS Quiz
    10 questions

  • introduction to bootstrap
    06:33
  • How to add color, padding, margin and some other style
    04:44
  • Grid
    11:45
  • Media Object
    09:54
  • Alert, Badge and Button
    08:47
  • Button Group
    10:07
  • Image
    09:13
  • Collapse
    13:07
  • List Group
    13:13
  • Card
    14:21
  • Jumbotron & progress bar
    10:09
  • Carousel (Slide Show)
    20:10
  • Forms
    19:24
  • Navs
    14:54
  • Navbar
    04:09
  • popover & Tooltip
    10:03
  • Pagination
    06:30
  • Modal
    12:45

  • Introduction To JavaScript
    05:08
  • Variables & Data Type
    11:33
  • Operators
    06:56
  • How to make an output
    05:46
  • Changing HTML content
    12:00
  • Preview06:08
  • Events
    06:11
  • Event (onKeyup)
    04:36
  • If statement part 1
    06:26
  • If statement part 2
    11:09
  • Switch
    08:09
  • How to create a Function
    13:46
  • loops (for loop)
    10:06
  • loops (while & do while)
    06:20
  • How to create an Array
    08:34
  • display an array within a list
    05:05
  • Array methods part 1
    05:32
  • Array methods part 2
    05:27
  • Math functions
    10:35
  • Date functions
    10:25
  • Date example
    06:18
  • BOM part 1
    19:54
  • BOM part 2
    10:41
  • Preview01:42

  • CSS and HTML Signup form
    01:56
  • Cafe website
    01:55
  • Online store (Home page)
    02:50
  • Wow sllider
    07:17
  • Login form using array as a database
    01:49
  • Preview03:18

Requirements

  • any up to date browser
  • notepad ++ to write the code or any text editor
  • motivated people want to be a web developers

Description

front end web development course ,

Which will take you step by step to build a responsive and dynamic websites.

In this course you will learn :

  • HTML from scratch.

  • Adding styles to HTML page using CSS .

  • Build websites with responsive layout using bootstrap .

  • Start from basics till advanced in JavaScript to build dynamic websites .

  • Create more than ten dynamic functions with JavaScript  which help you to understand JavaScript more and be creative to build your idea .

At the end of the course there are more than five practical projects to practice what you have learned a long the course and add new ideas to those projects .

Finally if there is something you need to know about the course , contact me .

Best of luck.

Who this course is for:

  • beginner web developers who want to get advanced
  • people who want to start a career as a front end web developer
  • people want to learn something new to be added to their skills
  • people seeking help in (HTML , CSS , bootstrap , JavaScript) for their work or even college and school
  • managers who want to add some skills to his employees in front end web development

Instructor

Ahmed Ahmed Hassan
Software Engineer
Ahmed Ahmed Hassan
  • 4.4 Instructor Rating
  • 170 Reviews
  • 16,860 Students
  • 5 Courses

Hi , i'm Ahmed Hassan

i'm a communication engineer but my passion to programming made me change my career .

some day i was like you , from where should i start.

but now i've made much progress in web programming .

and i have some web pages that i've made by myself.

and my ambitious  now is to share  my knowledge with all people who like web  programming and don't know from where they can start.

you can contact me in person even if you aren't my student .

waiting for you ...........

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.