fullstackapprentice-blog

[fullstackapprentice-blog]

What does #serverless mean? Essentially, you are able to write one-off functions that you can dispatch directly from the front-end, without need a back-end server to send them off. You don’t even need to dispatch them from the front-end - you can deploy them as a micro service from your backend directly. Serverless functions are a quick & cost-effective way of processing asynchronous, high volume requests that you need to work in the background. ‘Fire & forget’, so to speak. I mostly use #aws for hosting my front-end, back-end, databases, and all sorts of infrastructure - AWS’s serverless functionality is called ‘Lambda’, and the process to program it through Amazon’s graphical interface can be painful, zipping up your lambdas into an S3 bucket, deploying to Cloudformation… that’s why I use the @serverlessinc framework to take care of all that and help me focus on writing code. If you are stuck in Microsoft or Google’s walled ecosystem, the serverless framework is compatible with those too! Amazon offers a very generous free tier, giving all users their first MILLION requests each month free with AWS Lambda. That’s a ridiculously good deal, let’s think about what practical use-cases we can dream up here… Messaging functionality - sending and receiving messages! Notification system, which can also send webhooks to other services. If you have a long queue of data to massage and process, lambda is amazing for that as well. Here’s the official Quickstart from serverless: https://serverless.com/framework/docs/providers/aws/guide/quick-start/ I’ve recommended ServerlessStack before as an in-depth tutorial on building CRUD applications with AWS, Lambda, DynamoDB, and other services: https://serverless-stack.com/ . . . #fullstackapprentice #learntobuild #changeyourlife #tech #learntocode #webdesign #tech #technology #coding #programming #software #javascript #entrepreneur #entrepreneurship #instatech #education #information #internet #development #web #money

[fullstackapprentice-blog]

React Component, step by step: •You are importing the “React” library using ES6, and using the ‘React’ & ‘Component’ class from that library to get things booted up. •You are importing another Component from the components folder. •You are importing a CSS file to make things look fresh - you can set styling rules from a central App.css top-down, or component by component. •You make a React Component called ‘Parent’, using the ‘constructor’ function to define the initial state object - the state of the component. •Here, this.state.items is an empty array [ ] and this.state.item is an empty object { }. You can loop through items in an array using the map() function to then render them with HTML & CSS. •React components have a lifecycle - like everything in life. It is born, it lives, it fades. The first phase in the cycle is componentDidMount() - here, you can make calls to your internal or external API’s to get whatever data your application needs to handle its business. Here, we are just logging a message. •React components render HTML - indeed, that is their primary job. The render() function will ‘return’ the HTML you write in the return state below. The hybrid HTML is called JSX. •Right now, a <React.Fragment> wraps the entire HTML output, and you have an optional div inside, with an h1 & p tag. You can define a a CSS class to that div for custom styles. •You are then nesting another Component, which you imported above, inside the Container component. An apprenticeship offers you the chance to learn profitable skills from a mentor, while working with them to build sources of revenue & shape the economy of the 21st Century. Comment if you think you know - why aren’t more people working in technical apprenticeships?! #fullstackapprentice #learntobuild #earnthefollow . . . . . #reactjs #javascript #nodejs #es6 #reactjs #learntocode #learntobuild #fullstack #mac #codinglife #techlifestyle #coding #programming #programmingisfun #js #webdev #webdevelopment #webdeveloper #software #softwareengineer #softwareengineering #fullstack #fullstackdeveloper

[fullstackapprentice-blog]

Big things coming soon - follow our account! . . . . . #fullstackapprentice #learntobuild #javascript #nodejs #es6 #reactjs #learntocode #learntobuild #fullstack #mac #codinglife #techlifestyle #coding #programming #programmingisfun #js #webdev #webdevelopment #webdeveloper #software #softwareengineer #softwareengineering #fullstack $fullstackdeveloper

[fullstackapprentice-blog]

Hi Tumblr!

For now, I’m reposting content that I put on Instagram over here! If you have any requests or questions, hit me up!

[fullstackapprentice-blog]

How should a #fullstackapprentice keep up with updates to existing frameworks and libraries, take part in discussions with experienced engineers & learn from a community of entrepreneurs? #YCombinator, the worlds most prestigious start-up accelerator, answered that question for you years ago with #hackernews or #hn - community sourced, and voted, content aggregated in mind for entrepreneurial-engineers. My preferred HN reader for mobile or desktop: hn.premii.com When learning a new trade, one of the most important things to keep in mind is context - how does what you are learning, today, fit into the greater context of the industry? The more background knowledge you have, the better decisions you will be able to make as to what direction to head. Staying up to date with the developments on HN puts you on the same footing as some of the most accomplished engineers & entrepreneurs in the world. . . . #fullstackapprentice #learntobuild #javascript #nodejs #es6 #reactjs #learntocode #learntobuild #fullstack #mac #codinglife #techlifestyle #coding #programming #programmingisfun #js #webdev #webdevelopment #webdeveloper #software #softwareengineer #softwareengineering #fullstack (at Mountain View, California)

[fullstackapprentice-blog]

What is Sequelize, an ORM - Object Relational Mapper? It’s a way to code the structure and controller functions of a relational database, without using SQL (Standard Query Language). What’s the use case? Let’s say you are a #fullstackapprentice and want to bootstrap a project without having to learn all of the intricacies of SQL. NoSQL is not a panacea. This is a very valid use case, as SQL queries are deceptively difficult to write effectively. You can learn how to create tables, add values into those tables, JOIN tables together in a query, link database id’s to other tables, but are those queries you are writing effective? What if you need to restructure the schema of your database, adding in new columns to multiple tables - you will need to REWRITE a bunch of your queries. That can be painful, and that’s where ORM’s come in - you can write the queries to be executed using Sequelize in JavaScript! Need to edit your database model? Just update a few fields in JavaScript, and use Sequelize’s ready made migrate function. In fact, here’s a great tutorial to get you started! The first will help you get a user, task, and task items tables set-up. The second will help solidify those ideas, and help you refactor some of Sequelize’s functions into ES6 syntax! Get to building! https://www.duringthedrive.com/2017/05/06/models-migrations-sequelize-node/ https://scotch.io/tutorials/getting-started-with-node-express-and-postgres-using-sequelize . . . #fullstackapprentice #learntobuild #sequelize #SQL #ORM #javascript #nodejs #es6 #reactjs #learntocode #learntobuild #fullstack #mac #codinglife #techlifestyle #coding #programming #programmingisfun #js #webdev #webdevelopment #webdeveloper