Posts Tagged ‘notesin9’

29 Sep 2016
0

A new chapter begins for NotesIn9

notesin9

 

On Monday David Leedy released episode 201 of NotesIn9 which focused on 2 primary points:

  1. The future of XPages
  2. The future of NotesIn9

As far as the future of NotesIn9 is concerned, I couldn’t be more excited and honoured to be one of the producers of the show moving forward, and I congratulate Oliver Busse for being one of the other producers. Thank you David Leedy for this opportunity. I have no doubt that great things are to come for this show.

A Quick Back Story

In this year alone, I had the opportunity to not only become proficient in technologies such as Firebase, the MERN stack (MongoDB, Express, React.js and Node.js), ES2015, Node-RED, etc., but I also had the chance to apply most of these technologies in real world projects. Those who follow me on the social channels would’ve noticed that I became somewhat quiet around May this year, just after my Webinar on Optimus XPages: Part 2. It was from May that I had to dive into serious deep learning and deliver results almost weekly using technologies I only had ideas about. I’m now thankfully at a sweet spot where I’ve delivered what was promised for the projects that are done, and where I’m now focusing on how to transfer this knowledge with the confidence of its success in the real world. Queue NotesIn9.

My strategy for NotesIn9

My way of thinking when it comes to developing applications has changed drastically. For example, I am no longer pro full-stack strategies, where you use a single platform like IBM XPages or a framework like Angular to develop end to end solutions. I now prefer a much looser approach, where first and foremost, I completely separate UI from the platform it sits on and secondly, I work via integration middleware and APIs to bring everything together into 1 solution. This is great news because I no longer care if I have to develop an application for Microsoft, XPages, Node.js, etc. I now have the freedom do develop a User Experience that I deem is fit, without worrying about any limitations the platform it runs on may have.

Yes there’s the server-side component to consider, but to me that’s never really been the issue when it comes to developing awesome applications. Server-side architectures are solid for the most part, even if they are sometimes outdated. For me, what makes all the difference in the world is:

  1. Am I limited to what User Experience I can offer my client in terms of presentation and performance
  2. Am I limited to what tools I am forced to use to develop the solution

So here’s the good news. The knowledge I plan on sharing with everyone will speed rocket you into new technologies that are being used everywhere by many thousands of developers. You will be able to use most of this technology not only in your XPages applications, but on other runtimes as well. I’m going to show you the beauty of developing for the cloud, designing micro service strategies, integrating with anything and everything, lightening fast user experiences, etc, etc.

Closing

All of this will proudly happen through NotesIn9. The best part is, I haven’t even touched on what David, Oliver and many other contributors are going to bring to the table.

So get ready to get your learning on. Keep an open mind and whatever you do, don’t shy away from the new tech. It’s really not that difficult to grasp and will empower you 100 fold in return.

Cheers for now
John
15 Sep 2015
0

Appcelerator Video Tip: Reduce EventListeners and increase performance

In this video I show you how to eliminate unnecessary Event Listeners in your Appcelerator Mobile App by making use of the Bubble Parent property. This is a great way to increase performance and responsiveness in your mobile app, especially when it requires some advanced processes.

The video below demonstrates the the Bubble Parent technique when using Text Fields inside Table View Rows for an iOS app. I’m sure you’ll immediately understand how you can apply it elsewhere in your mobile application, whether developing for iOS or Android.

As always just a thanks to David Leedy for hosting this video on NotesIn9. Always appreciated :)

Enjoy :)
John
26 Jun 2015
3

Video Tutorial: Bootstrap Datepicker in XPages – Part 2

In this video tutorial, I demo how to modify the bootstrap date-picker that I introduced in Part 1, to be rendered as an inline date-picker instead of a popup.

Below is the URL to access the online date-picker sandbox dashboard, which is a great service to assist setting up the date-picker control:

Datepicker for Bootstrap Sandbox

Once again, a massive thanks to Mr David Leedy for presenting my video tutorials on NotesIn9, and for also making the NotesIn9 series freely available to the public. I know he spends his personal time getting out these videos and I know I speak for the entire community that it’s forever appreciated!!

Enjoy :)
John
25 Jun 2015
5

Video Tutorial: Bootstrap Datepicker in XPages – Part 1

In this video tutorial, I demo how to include a bootstrap date-picker into an XPages application that’s using the Twitter Bootstrap framework.

Below is the URL to access the online date-picker sandbox dashboard, which is a great service to assist setting up your date-picker control:

Datepicker for Bootstrap Sandbox

The following is the code to create the Bootstrap Resources custom control (ccBootstrapResources), which will reference the necessary Twitter Bootstrap and jQuery files via CDN services:

<xp:view
	xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:this.resources>
		<xp:script
			src="https://code.jquery.com/jquery-1.11.3.min.js"
			clientSide="true">
		</xp:script>
		<xp:script
			src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"
			clientSide="true">
		</xp:script>
		<xp:styleSheet
			href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
		</xp:styleSheet>
	</xp:this.resources>
</xp:view>

The following is the code to create the Datepicker Resources custom control (ccDatePickerResources), which will reference the necessary Bootstrap Datepicker files that need to be added to the XPages design in the Web Content folder:

<xp:view
	xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:this.resources>
		<xp:script
			src="bootstrap-datepicker/js/bootstrap-datepicker.min.js"
			clientSide="true">
		</xp:script>
		<xp:styleSheet
			href="bootstrap-datepicker/css/bootstrap-datepicker3.min.css">
		</xp:styleSheet>
	</xp:this.resources>
</xp:view>

A special thanks to Mr David Leedy for presenting my video tutorial on NotesIn9.

Enjoy :)
John
24 Jun 2015
3

Video Tutorial: Bootstrap-style your XPages Pager control

In this video, I show you how to easily bootstrap-style the XPages Pager control in your app without needing to reference Twitter Bootstrap resources.

Thanks to 2 XSnippets i’ve published on OpenNTF, to implement this functionality is as easy as copy and paste. You can reference the 2 XSnippets using the below links:

OpenNTF XSnippet: Twitter Bootstrap Pager Template

OpenNTF XSnippet: Twitter Bootstrap Pager Template Stylesheet

Click here to reference Twitter Bootstrap’s Pagination Control:

A special thanks to Mr David Leedy for presenting my video tutorial on NotesIn9.

Enjoy :)
John