Main Menu

 Home 

 Software 
    - Driver 
    - Graphic & Design 
    - Internet 
    - MacOSX 
    - Multimedia 
    - Office 
    - Portable 
    - Security 
    - System 

 Music 
    - Mp3 
    - Music Video 

 Games 
    - PC 
    - Console 

 Books 
    - Audiobook 
    - Comic 
    - eBook 
    - Magazine 
    - Video Training 

 Movies 
    - Amine 
    - Cam 
    - DVD 
    - HD/BluRay 
    - TV Show 
    - Documentary 

 Graphics 
    - 3D Model 
    - icon 
    - Font 
    - Footage 
    - Photoshop 
    - Template 
    - Vector 
    - Stock 
    - Script/Plugin 
    - Wallpaper 

 Mobile 
    - iOS 
    - Android 
 
 
 
   Books / Video Training : Code a Small Business Website using popular web frameworks
Code a Small Business Website using popular web frameworks
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + .srt | Duration: 119 lectures (10 hours, 59 mins) | Size: 6.08 GB

This course is for the bner who wants to get a quick introduction to various popular front-end CSS frameworks by recreating the same project multiple s.


What you'll learn

Learn to create a Small Business Website with 5 pages and all the relevant sections and content

Learn how each framework uses different code structure, classes and attributes to create the same kind of component

Learn how each framework differ in the visual style of each component

Learn what is possible and what isn't with each framework

Requirements

Basic knowledge of HTML and CSS

Code editor and browser of any choice

Description

ABOUT THE COURSE

By taking this course you'll get introduced to the latest versions of Bootstrap 4, Bulma, Semantic UI, Foundation 6 and Materialize. These frameworks are some of the most popular ones used today by web designers and developers all over the world.

In this course you'll learn how to create a Small Business Website using various popular front-end CSS frameworks. Using one framework at a I will start from scratch and walk you through how to create the same project. The project created with each framework will have the same general layout and design, however there will be some small visual differences from project to project due to the specific features and styles of the various frameworks.

The idea behind re-creating the same project with different frameworks is to learn how each framework use different code structure, classes and attributes to create the same kind of component. You will also learn how each framework differ in the visual style of each component, and learn what is possible and what isn't with each framework.

ABOUT THE PROJECT

This project is about creating a Small Business Website. You'll learn how to structure various pieces of content, how to design a user-friendly interface, and how to make it look great on all device sizes by using a responsive grid.

The project will contain the following pages:

Home

Menu, dropdown, hero section, message, highlights, responsive grid layout with cards, footer with icons

Services

Menu, dropdown, responsive grid layout with large images, text and buttons, footer with icons

About

Menu, dropdown, text, responsive grid layout with images, footer with icons

Team

Menu, dropdown, responsive grid layout with images, icons and headings, footer with icons

Contact

Address, opening hours, contact form, embedded Google Maps

ABOUT THE FRAMEWORKS

The following frameworks will be used to create a Small Business Website:

Bootstrap 4 (compatible with the latest version v4.4.0)

Bulma (compatible with the latest version v0.8.0)

Semantic UI (compatible with the latest version v2.4.2)

Foundation 6 (compatible with the latest version v6.5.3)

Materialize (compatible with the latest version v1.0.0)

Bootstrap 4:

We'll use the following parts of Bootstrap 4:

Layout: Containers, Grid system

Content: Typography, Images

Components: Alert, Button, Card, Dropdown, Forms, Input Group, Jumbotron, Navbar

Utilities: Border, Embed, Flex, Spacing, Text

Bonus:

As a bonus you'll also learn how to use Font Awesome 5 to add icons to your project and how to use Google Fonts to add web fonts to your project.

Bulma:

We'll use the following parts of Bulma:

Modifiers: Color Helpers, Typography Helpers

Layout: Columns, Container, Footer, Hero, Section

Forms: General, Input, Select, Textarea

Elements: Button, Content, Icon, Image, Notification, Title

Components: Card, Dropdown, Navbar

Bonus:

As a bonus you'll also learn how to use Font Awesome 5 to add icons to your project.

Semantic UI:

We'll use the following parts of Semantic UI:

Elements: Button, Container, Header, Icon, Image, Input, List

Collections: Form, Grid, Menu, Message

Modules: Dropdown, Embed

Views: Card

Foundation 6:

We'll use the following parts of Foundation 6:

General: XY Grid, Forms, Icons

Utilities: Prototyping Utilities

Controls: Button

Navigation: Top Bar, Menu

Containers: Callout, Card, Dropdown

Materialize:

We'll use the following parts of Materialize:

CSS: Color, Grid, Helpers, Media

Components: Buttons, Cards, Footer, Icons, Navbar

javascript: Dropdown, Sidenav

Forms: Select, Text Inputs

---

I hope you will be inspired to create your own Small Business Website afterwards. Please send me a link if you do so. I would love to see it!

Who this course is for:

Bning web designers and developers who want know the most popular frameworks

Web designers and developers who know one of the frameworks, but are curious to see how it compares to other frameworks

UX Designers and Art Directors who want to learn how to create quick prototypes with code



DOWNLOAD
uploadgig


rapidgator


nitroflare
 

 

Back to Top