Binding Attributes with v-bind     What if we have a link property, and it stores a link? What if we want to output this link to an anchor tag?    This is made possible with the v-bind directive. We can use the v-bind directive to bind attributes to HTML elements. We can’t use our … Read moreVue JS Directives

Using Vue on Windows Vue JS can be installed with several package managers. I installed node and npm with a windows package manager with eventual success. The only reason I’m even making note of this is because I had difficulty using the frequently recommended method of starting a Vue application. Install with chocolatey (terminal, this … Read moreVueJS Basics (Install, Template Syntax and Instance)

JavaScript JavaScript is a programming/scripting language that that is behind almost all complex webpages. Any time you see a non-static webpage, you can almost bet that JavaScript is involved. It allows for dynamic content updates, multimedia control, animated images and much more. Javascript is a way for web developers to implement common programming language features … Read moreJavaScript Basics

Python and JS      I decided it would help cement my understanding of both languages if I were to compare their syntax and functionality. While attempting to learn more about web development using HTML, CSS and JavaScript, I found a lot of similarities and also stumbled upon a few things that I didn’t understand … Read morePython && JavaScript – A comparison of syntax

Bootstrap     Bootstrap is the most popular free, open source HTML, CSS and Javascript framework. It was developed by twitter for quickly creating responsive web applications. It provides design templates for common user interface components like buttons, dropdowns, forms, tables, navigation etc. You can use it with any web application built with any server-side … Read moreBootstrap Basics

Cascading Style Sheets If HTML is the ‘nouns’ of a webpage, then CSS could be described as the ‘adjectives.’ CSS allows one to style HTML, and in other words, is just a fancy way of displaying information in a way that is appealing to the eye. In the past, typical front-end development called for two … Read moreCSS Basics

HTML Hyper Text Mark-up Language was originally developed for Government Agencies and Universities as a way to transfer structured information through the first versions of the internet. HTML is just a way to describe chunks of information, through the use of tags. This is useful because it gives a conceptual meaning to long strings of information. … Read moreBasic HTML

Application Programming Interface     Often, API and REST come up as confusing topics to budding developers. Sometimes it’s hard to grasp the simplicity of what the differences between an API and what is considered a REST API, because technically they are not the same thing. Nowadays, most API’s follow a REST interface structures, especially Web … Read moreAPI and Rest

    Ryanpskiles.com is hosted on AWS ISaaS platform on an EC2 instance running a LAMP stack. Sounds super-fancy right? I registered a domain with Route 53, selected a free-tier EC2 instance with Ubuntu installed. I logged in and updated the OS using PuTTY. I installed WordPress, a SQL server and Apache2. I manually configured DB … Read moreMaintaining a website with AWS

Setting up a stack     So I’ve decided to begin developing some sort of web application. Not sure exactly what yet, but would like to get the server set up out of the way. Ive looked over a few possible solutions such as a server(less) LAMP stack, niche hosts such as pythonanywhere and heroku.     … Read moreDeploying a Python webapp with Nginx, Gunicorn and Flask