Learn Professional CSS Development Techniques Building Projects
All Levels, – 10 hours, 54 lectures
Average rating 4.3/5 (4.3 (176 ratings) Instead of using a simple lifetime average, Udemy calculates a course’s star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.)
Course requirements:
Basic Knowledge of HTML and CSS
Course description:
Be the front end wizard with this unique course from Eduonix. We bring together a curriculum where you will learn all the tips and tricks of CSS and HTML design while building ten awesome projects. It will help you master different aspects of front end programming and will show you all the best development practices. The following projects have been specially selected to be part of this course.
Project 1 – Landing Page Design
Description: We will create an HTML5/CSS landing page which will feature a header & footer, a list with image bullet points, an HTML5 form and a testimonial block. The page will be completely responsive and will adapt to any screen size by using CSS3 media queries. We will be using the Eric Meyers reset file as well.
Features/Technologies: HTML5, CSS3, Web Forms, Lists, Reset Files, Responsive Web Design
Project 2 – Responsive Tableless Calendar
Description: We will create a web calendar page using HTML5/CSS. Unlike many calendars which use HTML tables for positioning and presentation, our calendar will use only CSS. The calendar will be completley responsive and will have a sub-layout for smaller screen sizes.
Features/Technologies: HTML5, CSS3, Lists, Responsive Web Design, Table-like layout using CSS only, Box Spacing, Padding & Margins
Project 3 – Pure CSS Image Slider
Description: Most image sliders that you see around the Web are powered by JavaScript or a JavaScript library like JQuery. We will build a fully functional image slider with pure CSS. We will have thumbnails which when clicked, make the bigger image slide into place. We will use CSS animation/keyframes to achieve this.
Features/Technologies: HTML5, CSS3, Animation, Keyframes, z-index & Positioning
Project 4 – Transition Drop Down Menu
Description: We will build a multi-level dropdown menu using CSS transitions for the dropdown animation effect. We will use just a bit of JQuery to dynamically add a div element
Features/Technologies: HTML5, CSS3, Nested Lists, Responsive Web Design, CSS Transitions, JQuery
Project 5 – CSS Timeline
Description: In this project we will build a timeline using HTML5/CSS. This project will steer away from the common box-like layouts we see all the time. There will be points for years and events with descriptions. This could be used for many things such as professional/employment and personal/lifestyle tracking.
Features/Technologies: HTML5, CSS3, Responsive Web Design, Fluid Layout, Background Images & Positioning
Project 6 – Tables with SASS
Description: SASS is a CSS pre-processor that allows us to do great things like use variables, mixins and nested styles. We will create some pricing tables for web hosting packages
Features/Technologies: HTML5, CSS3, Lists, Responsive Web Design, Fluid Layout, Installing, Configuring & Working With SASS
Project 7 – CSS Image Gallery
Description: We will build an image gallery with the help of JQuery. The layout will be styled with CSS and we will use JQuery for dynamic category filtering and image lightbox. We will also create a very simple logo in Photoshop
Features/Technologies: HTML5, CSS3, Responsive Web Design, Fluid Layout, JQuery, JQuery Fancybox Plugin
Project 8 – Animated Car
Description: We will focus on CSS3 animation and keyframes to position and animate images. We will use an image of a car and make it appear to be driving down the street
Features/Technologies: HTML5, CSS3, Animation, Keyframes, Image Slicing in Photoshop, Background Images & Positioning
Project 9 – Animated Bootstrap Template
Description: Twitter Bootstrap is the most popular HTML5/CSS framework available. We will be building a custom Bootstrap template along with some animation including scroll initialized animation using JQuery and CSS
Features/Technologies: HTML5, CSS3, Animation, Keyframes, Twitter Bootstrap, JQuery
Project 10 – NewsLetter Design with LESS
Description: LESS is another CSS pre-processor
Reviews:
“I really enjoyed learning Web skill as the instructor is tremendous” (Mr Noor ali Bayat)
“For me as PHP developer with basic knowledge of CSS this course has enormous value added. However, the last section (Less) is a little bit misleading. There is not DRY principle followed in all cases. In general it is like creating css, but instead od css file extension just put less extension.” (Jan Stancek)
“A good course I’d say if you got some basic knowledge of CSS and you are looking to improve your knowledge in CSS.
The instructor explains pretty much everything, and you got enough time to code along with him.
Overall it’s a pretty good course.” (Liav Avnaim)
About Instructor:
Eduonix Learning Soultions
Eduonix-Tech .
Eduonix Support
Eduonix creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.
Instructor Other Courses:
Linux For Absolute Beginners Eduonix Learning Soultions, 1+ Million Students Worldwide | 200+ Courses (22) $10 $30
Projects In ReactJS – The Complete React Learning Course Eduonix Learning Soultions, 1+ Million Students Worldwide | 200+ Courses (16) $10 $40
Implementing and Managing Hyper-V in Windows Server 2016 Eduonix Learning Soultions, 1+ Million Students Worldwide | 200+ Courses (1) $10 $20
Become An AWS Certified Solutions Architect – Associate
Learn to build an Auth0 App using Angular 2
Youtube: Beginners Guide To A Successful Channel
The Developers Guide to Python 3 Programming
Learn To Build A Google Map App Using Angular 2
Learn Web Development Using VueJS
……………………………………………………………
Eduonix Learning Soultions
Eduonix-Tech .
Eduonix Support coupons
Development course coupon
Udemy Development course coupon
Web Development course coupon
Udemy Web Development course coupon
Projects in CSS
Projects in CSS course coupon
Projects in CSS coupon
coupons
The post 80% off #Projects in CSS – $10 appeared first on Udemy Cupón/ Udemy Coupon/.
source http://coursetag.com/udemy/coupon/80-off-projects-in-css-10/
No comments:
Post a Comment