Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication 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 Certifications Network & Security Hardware Operating Systems & Servers 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 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 Paid 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 & Gardening 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 & Diet Yoga Mental Health Martial Arts & 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 Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Data Analysis
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin Mobile App Development SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Life Purpose Mindfulness Sound Therapy Coaching CBT Cognitive Behavioral Therapy
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Leadership
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing Startup YouTube Marketing
2022-06-19T11:38:57Z

DevelopmentWeb DevelopmentJavaScript

30 HTML CSS & JavaScript projects in 30 Days for Beginners

Build HTML, CSS & JavaScript Project each day for 30 Days & create your portfolio as a Beginner Front End Web Developer
Rating: 4.2 out of 54.2 (24 ratings)
239 students
Created by Norbert B. Menyhart
Last updated 11/2021
English
English [Auto]

What you'll learn

  • Modern Grid & flexbox, CSS animations, custom properties, etc
  • DOM manipulation, events, array methods, Date manipulation & more
  • 30 projects with pure JavaScript, HTML5, CSS3
  • Materialize CSS and Bootstrap is also included for some basic applications
  • Write maintainable, clean and performant JavaScript code

Requirements

  • A basic knowledge of HTML, CSS & JavaScript
  • PC or Mac

Description

What is going on everybody!

Welcome to the 30 projects in 30 Days Course!

This is a Beginner friendly Project based Course with all modern features of HTML5, CSS3 and JavaScript!

If you are a intermediate web developer who wants to refresh his memory on some basic and also wants to cement his knowledge in the modern ways of HTML5 CSS3 and JS then this is the course for your. Also just having a different project per day for 30 days is a pretty nice challenge that I would strongly recommend.


All of the projects are created from Scratch, this means that we will write out all of the HTML CSS and JS complete from start to finish and I will explain each step I take as we move forward.


Although I did include a Couple of Front end CSS frameworks like Bootstrap and Materialize CSS, this are not overused and a purely meant to ease some parts of the project for you and simultaneously make you comfortable with their existence. I know as fact, that sooner or later you will encounter them, and they are actually pretty helpful and easy to use in some cases, so why not learn about them now.


As far as what kind of knowledge should you bring to this course before getting started, I would suggest some basic HTML CSS and some fundamental JavaScript knowledge.


Regarding the projects themselves, I do wish to menschen that some of them are short and simple and some of them are longer and more complex but still remaining within that Beginner to Intermediate Level. Also, most importantly all of them are useful in real life situations.


With this being said if this sounds interesting for you then I`ll be seeing you in the course!


------ For all Web Developers ------

This projects are a must for all Beginner Front End Web Developers and also perfect for a Portfolio !


------ Course Structure ------

So what are we building? 30 Projects as following :

  • I am NOT a Robot (Beginner project)

  • Stopwatch-Lap timer

  • Expandable Search

  • Digital Clock with interchangeable background img and focus section

  • Animated Navigation

  • Simple Typewriter Text Effect

  • Tabs Menu using data Attributes

  • Login Form Validation

  • Tip Calculator

  • Drag and Drop Cup Game - Find the Pea

  • Upload Progress bar

  • Text formatter

  • Simple Task List with Animations

  • Collapsible Accordion Tabs

  • Vertical Timeline

  • Test your Might- JavaScript Quiz Application

  • Background image gallery carousel

  • Simple Image carousel

  • Quote of the day-Random generator

  • Units Convertor

  • eCommerce sales Promotion countdown timer

  • Job Scout Website with Animated show hide buttons and text

  • Simple Project Manager

  • Create a Form using only the DOM

  • Random API Generator

  • Website with Dark Mode switch

  • Registry Form Validation using Regular Expression

  • Gaming Website with Expandable Cards

  • Storyteller with Autocomplete Text

  • Interchangeable Website Background Color


JavaScript is one of the top in demand programming languages and it is climbing to the very top!

Why Learn JavaScript ?

This is a simple to answer, go to google and type in the search bar "Top 10 programming languages" if JavaScript is in the top 5 then take the Course. Not convinced, then go to google and type in the search bar "The 10 most in-demand programming languages for developers at top companies" if JavaScript is in the top 5 then take the Course.


Who this course is for:

  • Learning JavaScript for the first time? Already using JavaScript and want to master the language? This course is for you!

  • This course if for anyone who wants to use JavaScript to launch an application, switch careers, or freelance as a JavaScript developer.


What is JavaScript ?

JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else. .

Who this course is for:

  • Beginner developers who want to create a solid portfolio
  • Beginner front end developers who want to create a solid portfolio
  • Beginner HTML CSS and JavaScript developers
  • Beginner web developers
  • Beginner JavaScript developers
  • JavaScript developers looking for portfolio projects

Instructor

Norbert B. Menyhart
"Knowledge is Power" Acquire Knowledge by Learning!
Norbert B. Menyhart
  • 4.1 Instructor Rating
  • 208 Reviews
  • 6,543 Students
  • 9 Courses

Hi I am a Self-taught Web Developer and I am a multimedia content creator with over 1k subscribers on YouTube.

Join me on this journey and constantly evolve yourself. Enrich your Knowledge with the foundations of Web Development by learning HTMNL5, CSS3 and JavaScript and Applying them through Building from Easy to progressively more complex Responsive Web Pages.

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.