Tutorials > Build Real World Projects Using CSS, HTML and Javascript

Build Real World Projects Using CSS, HTML and Javascript


Date: 26 July 2022 | Posted by: voska89
Build Real World Projects Using CSS, HTML and Javascript
Published 7/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 602.20 MB | Duration: 0h 59m
Boost your frontend knowledge by doing these little projects
What you'll learn


5 Web Projects with pure HTML, CSS, and javascript
Modern Techniques and Tricks
CSS3 Animations, Transforms, and Transitions
Modern HTML5, CSS3, and javascript Features
Requirements
A text editor,
A modern web browser ( Chrome is recommended )
Basic Knowledge of HTML, CSS And javascript
Description
Class Overview:The course is project is pretty basic and anyone who has just started out and have some experience in html, css and javascript, can enjoy this course.The projects are unique and very good for beginners and intermediate, you'll learn a lot of techniques that advance developers uses.What You Will Learn:Project based teaching to sharpen your HTML, CSS & javascript skills.Modern styling with flexbox, CSS animations, custom properties.Perfect for beginners looking for things to build unique projects in a short timeframe.Why You Should Take This Class:The class is very interactive and has been in development for quite sometime, I have gathered all the information and created the roadmap to make you easily understand the topics through these projects.Creating these projects will give you a boost and will motivate you create unique projects.Who can participate:The pre-requisites are simple, you should know the very basic of html, css and javascript and that's all you need.Materials/Resources:I have provided the source code of each of these projects and also I have included the pdf file of the properties that were used in the project to understand it better.Projects:Animated Profile Card:- In this section we will create a animated profile card with nice hover effect and you'll learn about different properties which were used to achieve this design.Expanding Card:-Loading AnimationFAQ Page DesignHidden Search Bar
Overview
Section 1: Intro
Lecture 1 Introduction
Lecture 2 hidden search
Lecture 3 faq page
Lecture 4 expanding card design
Lecture 5 animated profile card modern design
Lecture 6 loading animation
Students who want to practice in three core technologies - HTML, CSS, and javascript,Students who have the basic knowledge of Front End Web Development and want to develop their skills,Students who want develop Web Design skills

Homepage
https://www.udemy.com/course/build-real-world-projects-using-css-html-and-javascript/


DOWNLOAD LINK


Links are Interchangeable - No Password - Single Extraction

See full article