Part 1 – Introduction – Developing Single Page Applications with the ExtJS Framework



In Part 1 of this Keyhole Software SPA tutorial, we go over what a Single Page Application is, what its architecture looks like, and how a SPA can be implemented using the ExtJS framework. View Part 2 here: http://www.youtube.com/watch?v=A347YW2XdqM.

Building Real World Desktop Apps with Electron



There’s one surprising thing which links the VS Code, Slack, WhatsApp, Github and Atom desktop apps together – they have all been built using JavaScript, HTML, and CSS. Thanks to Electron, building these powerful, cross-platform desktop apps is easier than you think. Today we’ll learn how to do just that. We’ll talk about the pros and cons of building Electron apps, and look at a real-world example to see how Slack has been created. We’ll dive into Slack’s architecture, and investigate why we solved some of the problems we faced in the way we did.

EVENT:

JSCamp Barcelona 2018

SPEAKER:

Anuj Nair

Share, Support, Subscribe!!!
website: https://codersfield.com
E-mail: codersfield@gmail.com
Twitter: https://twitter.com/codersfield
Facebook: https://www.facebook.com/codersfield7/
Instagram: https://www.instagram.com/codersfield
LinkedIn : https://www.linkedin.com/company/13372810/
Google Plus: https://plus.google.com/u/0/103417976075577606052

About : Coders Field is a YouTube Channel, where you will find Information Technology related videos, New Video is Posted Everyday Sunday 🙂

Beginner Express.js Tutorial | Building a Star Wars Movie App (Part 2)



In this introductory Express.js tutorial series, we are building a Star Wars themed movie application. We are using Express.js, which is a web framework for Node.js.

In this part, we focus on adding the logic for the application. We add a lot of logic to our routes file, create a dynamic route that passes in information dynamically, wire up the navigation and links, publish the app to Heroku, and much much more! 🙂

GitHub Repository:
https://github.com/RyanHemrick/star_wars_app

Part 1:

Timestamps:

0:00
Review of Part 1 and preview of this video

1:20
Create the movie_single.ejs template file

2:27
Render the movie_single template in the movie_single route

3:21
Pass in information when the movie_single template is rendered

6:09
Using the episode_number in the params to dynamically create the ‘movie’ variable in the movie_single route

9:16
Create and render the ‘title’ variable

11:19
Write a conditional to render the movie_single template only when the episode_number is between 1 and 6

14:20
Displaying the poster for a movie in the movie_single template

18:07
Display the description for a movie in the movie_single template

19:15
Looping through and displaying the main_characters for a movie in the movie_single template

22:09
Using an inline style to display a movie’s background-image in the movie_single.ejs template

23:52
Adding links to each of the posters that link to that movie’s own page

25:38
Wire up the navigation menu to link to the individual movie pages

27:08
Creating the notFound template file and rendering it when necessary

31:34
Creating and including the footer.ejs partial file

34:15
Deploying the app to Heroku

40:51
Conclusion and app overview

Thanks for watching 🙂

Create a Full Stack React & Node App in SECONDS with Web Template Studio



? Build a Hacker News Clone with React & Firebase ►► http://bit.ly/HOOKS-FIREBASE
? Create Blazing-Fast Vue Apps with GraphQL and Gridsome ►► http://bit.ly/VUE-GRIDSOME

? Become a Web & Mobile Master: The Complete Subscriber Plan ►► http://bit.ly/subscribe-codeartistry

? SUBSCRIBE TO CODE ARTISTRY ?
https://www.youtube.com/channel/UC-kHm7pG884IYQiYwqJWv9A?sub_confirmation=1

? SUPPORT THE CHANNEL ►► https://paypal.me/codeartistry

⭐ FOLLOW ON SOCIAL MEDIA
Twitter • https://twitter.com/codeartistryio
Github • https://github.com/codeartistryio
Reddit • https://www.reddit.com/user/CodeArtistry

Want to Create Full-Stack React and Node apps in literally seconds? Check out this tutorial which shows you how to use the new Web Template Studio tool and allows you to create full-stack React projects in record time.

#CodeArtistry #reactjs #nodejs
———
Install Web Template Studio: https://marketplace.visualstudio.com/items?itemName=WASTeamAccount.WebTemplateStudio-dev-nightly
Install Visual Studio Code: https://code.visualstudio.com

Ionic Framework Crash Course (4.0+)



Ionic Framework is an open source UI toolkit for developing high-quality cross-platform apps for native iOS, Android, and the web — all from a single codebase. It works with your app framework of choice, including Angular, React, Vue, or even vanilla JavaScript.

Start building an app: https://ionicframework.com/getting-started#cli

Go on Azure: Part 1—Build apps with Visual Studio Code | Azure Friday



Ramya Achutha Rao (Sr. Software Engineer) joins Erik St. Martin to show you how to build Go apps with Visual Studio Code. She will be using the Go extension for VS Code which provides smart code completion, integrated debugging and a whole lot more. In the end, still using VS Code, she’ll create a Docker container for the app that is ready to be pushed to the cloud.

For more information:

+ Go on Azure https://aka.ms/azfr/466/01
+ Visual Studio Code – Code editing. Redefined. https://aka.ms/azfr/466/02
+ Go extension for Visual Studio Code https://aka.ms/azfr/466/03
+ Go programming in VS Code docs https://aka.ms/azfr/466/04
+ Azure for Go developers – Tutorials, API Reference https://aka.ms/azfr/466/05
+ Create a free account (Azure) https://aka.ms/azfr/466/free

Go on Azure series:

Part 1—Build Go apps with Visual Studio Code (this episode)

Part 2—CI/CD, Docker, and Kubernetes with VSTS https://youtu.be/aR2D7uqOM1o

Part 3—Go on Web Apps and Azure Kubernetes Service

Part 4—Cloud-native Go apps

Part 5—Build apps with the Azure SDK for Go

Part 6—Events and messaging

Part 7—Build a Go app with Buffalo and deploy to Azure

Building SMP 3 Apps with HTML5 (Kapsel, Sencha Touch)



This video demostrates how effectively we can create SMP 3 Mobile apps using NW Gateway system and HTML5 tools, and compile the app as Native using Cordova/ PhoneGAP

How to server side render with create-react-app and react-router



Today we’ll be taking a create-react-app application, implementing react-router, rendering it on the server, and finally, deploying to Heroku.

Here you can view the application (it’s on a free Heroku dino, so you’ll have to wait for the startup time of the Node server):
https://tutorial-december-2016.herokuapp.com/

Here you can view the source code of the application:
https://github.com/mini-eggs/Server-side-rendering-with-create-react-app-and-react-router

Happy coding!

Evan Jones
http://evansapps.com/
evanjones4040@gmail.com