Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
The Front End with 7 Quick Projects
Rating: 4.3 out of 5(57 ratings)
8,705 students

The Front End with 7 Quick Projects

A Fast and Fun Course with AngularJs
Created byMike Merkur
Last updated 10/2020
English
English [Auto],

What you'll learn

  • Get a taste of AngularJS
  • Lots of practice with CSS and BOOTSTRAP
  • Build Fancy User Interfaces
  • Organize JSON data very neatly

Course content

1 section • 8 lectures • 1h 29m total length

  • All 7 Projects2:18

    Seven quick front-end projects cover a shopping list, Rembrandt navigation, a three composers top-five viewer, singer rankings, a civilization leaderboard, drag-and-drop leader movements, and a searchable twenty-five-leader list.

  • Shopping List10:48

    Build a functional shopping list app using Angular and Bootstrap, with a live item count, add via input, and remove via red X, all wired through a simple list controller.

  • Rembrandt's Paintings9:47

    Build a lightweight Angular app to browse six Rembrandt paintings with previous and next controls, using an index.html file, Bootstrap, and Angular, with painting images bound via scope.

  • Three Composers14:53

    Build a dynamic composer gallery with clickable pictures to filter top pieces using Angular and JavaScript, with HTML and CSS styling, tables, and ng-click interactions.

  • Top Singers11:41

    Build an angular-based singers gallery that toggles between male and female performers, showing pictures, names, and like/unlike buttons with hover effects and bootstrap styling.

  • Gold, Silver and Bronze13:53

    Rank nine civilization six leaders into gold, silver, and bronze tiers with interactive show/hide and hover highlights, using Angular, HTML, and CSS to display leader images.

  • Choose and Add People12:41

    Learn to build an Angular and Bootstrap demo that moves items from a green list to a red list by clicking, using divs, images, hover effects, and a counting collection.

  • Search and Filter People13:44

    Build a lidar filter app that searches and filters 25 leader portraits by name, with live results, hover highlights, and simple animations.

Requirements

  • A good amount of HTML, CSS and JAVASCRIPT practice
  • Basic familiarity with any Code Editor (sublime, atom, notepad++, etc.)

Description

This course has 7 fun projects and is a great way to get started with AngularJS. I skip all the beginner stuff and move at a good pace in all the videos. So this course is really meant for more intermediate Web Developers who are already familiar with the basics of HTML, CSS and Javascript and would like to enhance their skills and learn some AngularJs.

Each example has really fancy awesome videos neatly put together showing every step of the way. The videos are made fun and fast so that you can watch them again and again.

Like all my courses please feel free to code along with me on all the projects. That's the best way to learn coding. And I would like to suggest for each video (when copying the code yourself) to slow down the speed to 0.5x (which is half as fast) and to turn off the sound. I think that will be a perfect way to follow along.

Enjoy this Fast and Fun Course.

Who this course is for:

  • Beginners in Front End Web Development
  • Anyone Looking for More Javascript Examples
  • Developers New to AngularJs

Report abuse