AngularJS Fundamentals

AngularJS Fundamentals course by @simpulton #angularjs

  • In this series, you will learn how to build a non-trivial AngularJS application from the ground up through a series of small, digestible lessons.
  • As we build out our sample application, Eggly, you will quickly start to identify useful techniques that you can apply to your own projects.
  • In this first series, we are going to focus on the absolute essentials for getting an AngularJS application up and running.
  • We will start with a static HTML page and learn how to bootstrap an AngularJS application and add in functionality using AngularJS views and controllers.
  • When we complete this section, you will have a functioning Eggly application where you can create, update and delete bookmarks and filter them based on the selected bookmark category.

AngularJS is an incredibly powerful framework but sometimes it can be confusing and frustrating trying to figure out how all of these amazing features actually fit together. In this series, you will learn how to build a non-trivial AngularJS application from the ground up through a series of small, digestible lessons.

As we build out our sample application, Eggly, you will quickly start to identify useful techniques that you can apply to your own projects. The videos series is broken out into three series so that you can start at whatever level is most appropriate for you.

### Getting Started

In this first series, we are going to focus on the absolute essentials for getting an AngularJS application up and running. We will start with a static HTML page and learn how to bootstrap an AngularJS application and add in functionality using AngularJS views and controllers. When we complete this section, you will have a functioning Eggly application where you can create, update and delete bookmarks and filter them based on the selected bookmark category.

Don’t miss **[Part 2: Application Architecture](https://egghead.io/series/angularjs-application-architecture)**!

Continue reading “AngularJS Fundamentals”

Angular workshop

  • The Dallas AngularJS Super Heros DASH is a user group of front end AngularJS developers.
  • We meet to broaden our knowledge on AngularJS and also other related front end technologies.
  • The DASH meets on the fourth Tuesday of every month, with social / food at 6:30pm, and meeting content starting at 7:00pm.
  • We meet at the Improving Enterprises office on the Dallas North Tollway.

At every meetup, we present a topic related to Angular. The content of this meetup is not set yet.
Continue reading “Angular workshop”

The Front-End Sessions on Day One of Syntax Conference 2017

  • Ladies and gentlemen, we’re just seven weeks out from this year’s conference, and we want to get you acquainted with what’s being offered.
  • With a focus on the Day 1 (Thursday May 18) Front-end Track – here’s the schedule, complete with session and speaker information.
  • Guarantee your seat for May 18 & 19, at the best possible rate today!
  • Syntax Code & Craft Conference (SyntaxCon) is an application developer’s conference on current and emerging mobile, front-end, back-end, tools and platforms (game development, content management systems, cloud-hosted services and infrastructure) for both today’s and tomorrow’s enginerds.
  • This year’s schedule provides content across 3 main tracks, each with a specific focus:

    Attendees can customize their personal agenda by choosing sessions with an aim to improve their craft, fulfill goals, and learn cutting edge trends and best practices in a relatively short time.

Here’s a preview of the sessions and speakers on Day 1 (Thursday 18 May, 2017) in the Front-End (Frontend) track at SyntaxCon
Continue reading “The Front-End Sessions on Day One of Syntax Conference 2017”

.net

Automatically hit a web application deployed with TFS  #angularjs #reactjs

  • We use for CI and deploy a web application (.
  • As for all web applications hosted in IIS, the first access to the website after the deployment is very slow.
  • I used Octopus Deploy and it was possible to check the deployed website to return a specific code, hence it would have triggered the first access automatically.
  • At the moment, my idea would be to use a power shell as last task inside of the my release definition for that project to hit the website URL.
  • In this way the application pool would immediately trigger the build of the libraries after the deployment.

We use VS TFS 2015 for CI and deploy a web application (.net) to Dev or Prod server. As for all web applications hosted in IIS, the first access to the website after the deployment is very slow.
Continue reading “.net”

Talks Meetup #8

  • Talk #2: Introduction to ag-Grid, the Javascript Datagrid for Enteprise, by Niall Crosby (CEO & CTO, ag-Grid) and Alberto Gutierrez (Lead Developer – Data Internals, ag-Grid)

    Niall and Alberto will introduce us to ag-Grid & its features, and will discuss about their mission to build the best data grid in the world!

  • Niall provides the technical vision for ag-Grid, juggling this with the usual CEO duties.
  • 15 years of experience building Enterprise applications has given Niall unique insight into the challenges while equipping him with the technical skills to deliver the correct solutions.
  • He has joined Niall in enhancing and expanding the core features of the grid as well as contributing technical and industry knowledge.
  • All AngularJS Dublin members have 50% off DevIt Conf 2017 ticket prices.

On March the 23rd we would like to welcome you to a special edition of AngularJS Dublin. We are excited to have three excellent speakers onboard, who will be sharing lots of insights around Angular &a
Continue reading “Talks Meetup #8”

Angular testing made easy – Clarity Design System – Medium

Angular testing made easy @EudesPV  #AngularJS #Nodejs #JavaScript #Testing

  • So what’s the most efficient way to centralize that boilerplate, so that your actual spec files can focus on the unit tests themselves?This article will show you a neat solution to this problem, using two little-known features: Jasmine’s user context and Typescript’s ability to type this.
  • There are two main advantages to this approach over local variables: it helps fight the memory leaks that keep creeping up on large projects’ tests, and it also offers a very easy way to have your beforeEach and it in two different files, which is much harder to set up with local variables.CAUTION: We are using a plain function() {} here, rather than the very useful () = {} arrow notation from Typescript.
  • One of the recommended patterns (and the one we use the most, by far, in Clarity) is to use a “test host” component which includes the actual component to test in its template:This example makes a few assumptions to keep it simple: the templates are all inline or inlined at build time so we don’t need to MyUserComponent doesn’t depend on other components, … Feel free to adapt to your specific use case.Introducing the TestContextIf we want to extract all the boilerplate into a separate file, we need to decide what the type of the user context passed around by Jasmine should be.
  • The one difference is that we’re getting the tested directive through the injector, rather than componentInstance, once again to be able handle attribute directives and components at the same time.The final spec fileLet’s remove all the boilerplate from the user component’s spec file and use our brand new context:It’s now entirely comprised of the unit tests, no distractions or verbose setup to go through.
  • That’s a win!To improve this further, you could easily:include the setup() call at the root of the tests to have it always be available,allow passing extra directives to declare or modules to import, in case your component depends on other ones,add additional shortcuts to the TestContext interface,throw explicit errors when trying to test with a host component that does not contain the directive,…In our case, for instance, we have a shortcut to get providers from the tested element’s injector.

If you’re here, you have probably already read the Angular documentation on testing, and maybe have written a few tests for your own project. If you have not, I can only suggest you do so, because…
Continue reading “Angular testing made easy – Clarity Design System – Medium”