5  1 reviews on Udemy

Advanced Html,Css,Jade(pug),Materializecss Course

learn a better workflow for web development using my workflow
Course from Udemy
 12 students enrolled
 en
you will learn to create websites using my effective workflow
create html css templates using jade (pug) and the materializecss framework

last updated 22/09/2019

developing a website from scratch is tedious. all those html tags css attributes creating a layout and making everything work together.

it can also take a lot of time, even for the simplest web template.

I wanted a better faster workflow, something that will allow me to develop websites in half the time.

and thats what I will show you in this course.

the workflow is a combination of using jade (html precompiler) and the materializecss framework. I wanted to add sass but it was not needed.

even those tools weren't enough, so I created a code generator that allows me to create the common elements I usually hand code, with a few written words.


first part:

in this part, I will cover the basics of jade and how to use the materializecss grid. then we will use what we have learned to create a simple landing page. after that we will create a simple home page design, I call it "classic"  because it has all the classic elements homepages usually have (menu, billboard, 3 features etc).

the point of all of this is getting your hands dirty using my workflow.

second part:

we will start by creating a simple contact form using the materializecss  forms class, we do that to get you trough the basics of creating forms using the materializecss  framework.

after that we will make another landing page, and "under construction" page, this kind of page is used as a placeholder while you develop a website, it also has a contact form.

and then we will create the most basic portfolio layout, which is basically all you need to display your projects, its very reusable and all you need for a basic portfolio.

third part:

in this part we will create one project, a tabbed website, its a 4 page generic business website layout and design.

the twist is that the browser dont need to reload the page when clicking a page from the menu, only the main content changes.

each page is actually a tab, this is not how the tabs component was meant to be used but its not a hack. technically all of the pages are on the same file, if we weren't using jade it would be hard to maintain, but as we do use jade its a breeze to edit and add to.

this part is based on all we learned and adds a few new things.

fourth part(bonus):

you dont have to use this part, but its highly recommended, it features my code generator tool. its a tool i created to make my life easier and for faster development.

the first few lessons will demonstrate basic usage and will showcase all of the components it can create.

then we will create two one page layouts. both using the code generator tool.

the last lesson will show you how to add your own code generator commands.


faq:

will there be more?

yes, im planning on adding more lessons and parts to this course teaching more tricks and techniques that will help you become a better front end developer and develop html css websites faster and better.

what if i get stuck?

udemy has a q&a section for each course, use it, i will get an email notification and try to help as best as i can.your problems solution might even help future students.

make sure your question/problem is course related.

Advanced Html,Css,Jade(pug),Materializecss Course
$ 94.99
per course
Also check at

FAQs About "Advanced Html,Css,Jade(pug),Materializecss Course"

About

Elektev is on a mission to organize educational content on the Internet and make it easily accessible. Elektev provides users with online course details, reviews and prices on courses aggregated from multiple online education providers.
DISCLOSURE: This page may contain affiliate links, meaning when you click the links and make a purchase, we receive a commission.

SOCIAL NETWORK