Treeview Navigation
expand all | collapse all
Udemy

Building a Responsive Site with Zurb Foundation

USD 13
Go to Course

Pricing

Per Course

コースの詳細

en
en
無料修了証
自分のペース
初心者
2時間

講師

In Packt Publishing they have been working since 2004 to provide quality technology online courses. It is a very changing world, in which a company like them intends to provide a rigorous and updated vision. Above all, strategies that work and serve their students to advance in their professional careers. To achieve this, they have managed to gather more than 4,000 different training resources. With them they manage to offer their students a large amount of material, which allows them to develop the skills and knowledge necessary to place themselves in relevant positions. Pack Publishing is committed to offering basic training on technology. However, it also raises day-to-day application courses, which serve to improve the profile of any programmer or developer.
1075 コース
コンピュータサイエンス
プロフィールを見る
Packt Publishing

About this Course

About this Course

Zurb Foundation is one of the most diffused best performing front-end design frameworks out there.

Dealing with browser compatibility, media queries, style consistency, and effective layouts could be a huge pain today, but Foundation comes to the rescue. With minimal effort, it allows you to create a production ready, responsive website or is a great starting point for a highly customized project.

Building a Responsive Site with Zurb Foundation will show you every major aspect of the framework, as well as general best practices and workflow tips, guiding you through the process of creating a live mock-up for a photography website. Every video will introduce some of Foundation’s features and will use them to enhance the website in order to provide a practical experience with all the topics.

The course begins with an empty folder, where we’ll install the Zurb Foundation framework and will start adding new pages and enhancements to cover all the key aspects of the framework itself.

We begin our journey by explaining why there is a need for a framework, how to set up a modern working environment, and how to scaffold a new project with Zurb Foundation. We’ll then immediately introduce some responsive design key concept as well as the advantages of a mobile-first approach and how Foundation helps us with these scenarios.

As we advance through the course, we’ll introduce all the major aspects of the framework, translating them in working code for our website. We are going to deal with navigation techniques as well as typography, content elements, and forms. As we come to an end, we’ll emphasize how to deal with media elements in a responsive environment, trying out different approaches to effectively show image galleries both on desktop and mobile.

Through the whole course, we’ll witness some general best practices such as using a semantic mark-up using SASS and how to optimize our work for deployment. Finally, we’ll cover some JavaScript elements, showing how Foundation helps us introduce some dynamism on our website with nearly no programming knowledge.

At the end of the course, you will have the skills to create responsive websites starting from scratch by making use of all the Foundation elements

About the Author

Andrea Moretti is a freelance developer. He has worked on various websites using Zurb Foundation Framework as well as big web application projects where Foundation is used side to side with other technologies. He is an active open source contributor and is actually maintaining Foundation templates for static site generator such as Middleman and Docpad.

He teaches JavaScript and PHP at Fusolab 2.0 in Rome and is an active member of the RomaJS JavaScript user group. He’s passionate about beautiful code, functional programming, syntactic sugar, and sugar-free chocolate.

He is also a photographer and photo assistant, having worked on assignments for the major Italian magazines as well as luxury hotels, art galleries, Italian textile firms, big corporations, and food-related events.

関連するコース

Udemy
Create an Engaging Website with Twitter Bootstrap 2.x
USD 13.00
このコースのみ
Udemy
Build a Stunning Landing Page w/ HTML, CSS and Bootstrap!
USD 19.99
このコースのみ
Udemy
Design a professional website without writing any codes
USD 13.00
このコースのみ
Udemy
Bootstrap & jQuery - Certification Course for Beginners
YouAccel Training
5時間
USD 13.00
このコースのみ
Udemy
Make a Creative Portfolio Website Design in HTML 5 CSS 3 JS
USD 13.00
このコースのみ
Udemy
Build a real world responsive website with Html 5 css 3 & JS
11時間
USD 13.00
このコースのみ
Udemy
JavaScript HTML CSS Project make a Quiz Tutorial
USD 94.99
このコースのみ
Udemy
JavaScript for complete beginners with practical exercises
USD 13.00
このコースのみ
Udemy
Guide to Front-End Web Development and Design
USD 19.00
このコースのみ
Udemy
Learn to Become A Frontend Web Developer: A Beginner Course
USD 13.00
このコースのみ
Pluralsight
Bootstrap 4 for the Developer
10日 無料トライアル
USD 29.00/ヶ月間
+ 全てのコース Pluralsight は 10日 無料トライアル を提供しています。この期間の終了時に、定期購読料金が請求されます。 コースへのアクセスは無制限です。定期購読はいつでもキャンセルできます。
Frontend Masters
Complete Intro to Web Development, v2
11時間
USD 39.00/ヶ月間
+ 全てのコース Frontend Masters は null 無料トライアル を提供しています。この期間の終了時に、定期購読料金が請求されます。 コースへのアクセスは無制限です。定期購読はいつでもキャンセルできます。
Ultimate Courses
AngularJS Pro
Todd Motto
USD 129.00
このコースのみ
Ultimate Courses
Angular Pro
Todd Motto
USD 129.00
このコースのみ
Ultimate Courses
AngularJS Performance
Todd Motto
USD 129.00
このコースのみ