chandermani / angular6byexample Goto Github PK

View Code? Open in Web Editor NEW

41.0 10.0 82.0 4.65 MB

Source control repository for Angular 6 By Example book.

License: MIT License

TypeScript 72.54% JavaScript 2.39% HTML 16.13% CSS 8.93%

angular6byexample's Introduction

Angular 6 by Example - Third Edition

This is the code repository for Angular 6 by Example, published by Packt.

Get up and running with Angular by building modern real-world web apps

What is this book about?

Angular helps you build faster, efficient, and flexible cross-platform applications. Creating complex and rich web applications, with a lighter resource footprint, has never been easier or faster. Angular is now at release 6, with significant changes compared to previous versions.

This book covers the following exciting features:

Get introduced to the Angular framework and create a simple guess the number app that explores core features of the framework
Dig deeper into the angular framework by building the 7-minute workout app throughout the book
Explore primary building blocks of Angular – components
Go deep into the inner workings of Angular 6 directives and components
Learn about cross-component communication using Angular events

If you feel this book is for you, get your copy today!

Instructions and Navigations

The code for the book is organized around checkpoints. We have created multiple checkpoints that map to GitHub branches such as checkpoint2.1, checkpoint2.2, and so on. During the narration, we will highlight the branch for reference. These branches will contain the work done on the app up until that point in time.

The code will look like the following:

"styles": [
   "node_modules/bootstrap/dist/css/bootstrap.min.css",
   "src/styles.css"
],

Following is what you need for this book: Angular 6 by Example is an essential guide for beginners who want to get started with Angular. You’ll start building applications immediately with the featured examples and uncover a simpler approach to web development using TypeScript. Prior experience with HTML, CSS, and basic TypeScript is required.

The table below details the prerequisites required to run all code files present in the book (Chapter 1-8).

Software and Hardware List

Chapter	Software required	OS required
1-8	Node, Angular CLI	Windows, Mac, or Linux

Get to Know the Authors

Chandermani Arora is a software craftsman, with love for technology and expertise on web stack. With years of experience, he has architected, designed, and developed various solutions for Microsoft platforms. He has been building apps on Angular 1 since its early days. Having a passion for the framework every project of his has an Angular footprint. He tries to support the platform in every possible way by writing blogs on various Angular topics or helping fellow developers on StackOverflow, where he is an active member on the Angular channel. He also authored the first edition of this book.

Kevin Hennessy is a Senior Software Engineer with Applied Information Sciences. He has 20 years' experience as a developer, team lead, and solutions architect, working on web-based projects, primarily using the Microsoft technology stack. Over the last several years, he has presented and written about single-page applications and JavaScript frameworks, including Knockout, Meteor, and Angular. He has spoken about Angular at the All Things Open conference.

Other books by the authors

Angular 2 By Example

Suggestions and Feedback

Click here if you have any feedback or suggestions.

angular6byexample's People

Contributors

Stargazers

Watchers

Forkers

trinathm akhilnairnp mshahin364 sjl421 sanssy gyanks elptfassn ishmayelv sraywall renjithki danielfenghk vvillar waldorhp viteri dhuachani joseperez1207 billsoriano jhsn20 robertmb17 marcosmateo jorgevargasm hvillegasgh jhansenchavez mitchellmariel1 cristhianortega25021988 mnegi rajeshrajoji nguyenb1k50 tammybi aghlearning ehuange afzalhussein j89wang chamanbharti saurabh-kumar-14 kpchaitanya john0526 benyt hilali-msc rekha-balan alokzendynamix yukui123 fairfullb charithjj rc6886 keithtmccartney zoltanhalasz thinkinbit yatouzheng ly862938816 ambiorix9 johnlee43 jamesx thiago-glauco mysky528 strider76 felipesousafs matthewzhangx formateur77 ryanyizhaohuang alekstavre jmbeuken deepakmgowda kstirnkorb hokhyk nolansingroy borodovisin sam8778 rtoure nbbiju gitgirish2 abishek-amstrong pvpascual chilidogdaddyo enigmae centurionoftheseed sss-software rashmi-yadav sren0130 ogjura kamarbaraka

angular6byexample's Issues

No History Of Exercise

I followed up to page 243.. but the history page seems to be not populating..

Compatibility between ngx-modialog and Bootstrap 4

Available at 3.4 branch
The component ngx-modialog and Bootstrap4 are not compatibles.
It's important to add in the video-dialog.component.tx these:
import {BSModalContext, bootstrap4Mode} from 'ngx-modialog/plugins/bootstrap';
and before the declaration @Component({}}, you add:
bootstrap4Mode();
For a complete sample : http://next.plnkr.co/edit/lV7zsw7Yqossgs9JOfQU?p=preview&preview

The Bootstrap CSS stylesheet is missing from the angular.json file

In the trainer folder, the angular.json file is missing the link to the bootstrap css.

It has

"styles": [
             "src/styles.css"
            ],

Instead of:

"styles": [
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],

This causes a compilation error when trying to install the base files.

cannot set property

could you make it any harder please?

You know, it's very hard to jump back and forth between a book page on screen and the code and match up all the ways different authors refer to and explain away about tech issues using their own manner of speech and way of thinking.

But when they take the source and fragment it and stuff it into a hundred or more folders buried six and seven layers deep, it's really beyond understanding!

If you have to maintain every step as a separate branch rather than just building a single version of your example, layer by layer that matches the flow of the instructions in your book, then please keep your source in top-level folders only, each one containing the source for each branch (checkpoint? - you have to invent nomenclature?).
It took me over an hour to unwind it correctly!!

<router-outlet></router-outlet>

In section "Route configuration" there is no clue for: replace with

typo

Line 2 should have 2 dots before /model
from '../model';

nextupSound undefined at the starting of the app

Available at 3.4 branch
At the startup of the app, nextupSound is undefined.I defined by default at 'jumpingjacks.wav'

WorkoutHistory error

endTracking() fails

Hi,
I have at the point 3.2 When the exercices are finished, in the workout-history-tracker.services, the function endTracking() fails because : this.currentWorkoutLog is null

If I log the finish function : there are a record:
finish this.currentWorkoutLog {"startedOn":"2018-07-11T12:23:11.776Z","completed":false,"exercicesDone":12,"lastExercise":"Side Plank"}

After te router [finish] is called but it seems the startExerciseTimeTracking is called again a second times on the window.setInterval and now the this.currentWorkoutLog = null

And it's not possible to get the route /finish.
To resolve this problem, I add if(this.currentWorkoutLog === null) return false.
And it works.
Thanks,
Franck