Here’s what you need to know as a new developer

Zurich Hack -- Hackathon I recently went to

If you’ve started to learn programming and have decided to get serious — or you’re fresh out of school with no job experience — this is the perfect article for you.

I will address key points and hidden truths I’ve accumulated over time working as a developer.

It’s not you — Coding is difficult

No one said coding was easy — if it was easy, everyone would be doing it. If you can code on a basic level — congratulations! You are in a club with very few members.

Demystifying Vuex — The state container for Vue

Vuex is the de facto state management pattern library for Vue.js. Vuex lets us write clean, maintainable, and scalable code. If you’re looking to learn the concepts behind Vuex — look no further.

Vuex, Redux, and other state containers are crucial for building apps that scale. In simple words, state containers force us to do things in certain ways to write clean code.

How do I know if I need a state container?

From Zero to Hero with Vue — Styling, Computed Props, Slots

So far we learned the basics of Vue and how to set up a nice workflow with Parcel. But what if we want to make our app look nice?

Tell you what — why don’t we make our counter appear green when it’s over 1, red when it’s below 0 and grey when it’s 0. The logic should look like this;

How would you do this?

We start with the Counter.vue component.

preparing the styles for the sum

I prepared 3 classes — .red, .green and .grey — each corresponding to their appropriate color.

How to cultivate an engineering first culture — from a coders perspective

Your company is truly only as great as the people you work with. You’ve probably heard this cliche before — your company’s biggest and most valuable assets are the people itself. Without the people, there is no company.

If your people dislike working for the company, they will leave, a simple matter.

Here are some tips and tricks to cultivate a great culture where extraordinary people can shine;

From zero to hero with Vue — Advanced Components, Parcel, Dev Tools

So far we made a simple Vue component which renders plain HTML. What if we want the component to have interactivity? Here’s how we can to that.

Let’s create a counter component. Be my guest to implement the counter component before continuing…learning by doing is the most efficient way to mastering. 👍

Implementing the counter component

A counter is simple. The counter has 3 moving pieces

  • The sum of the counter
  • The decrement button
  • The increment button

Here are the best courses and resources for learning Solidity (Ethereum dApps)

Solidity learning resources are not that well-known. Here’s a useful list for learning solidity and Ethereum development.

First of all — what is solidity?

“Solidity is a contract-oriented, high-level language for implementing smart contracts. It was influenced by C++, Python and JavaScript. It is designed to target the Ethereum Virtual Machine (EVM).”

Secondly —what is Ethereum?

In a nutshell, Ethereum is a blockchain-based distributed ledger which keeps track of all the states/transactions. A single entity (computer) is called a node. All nodes combined creates the Ethereum network. Think of Ethereum as this “super-computer” and solidity a way to give instructions to the “super-computer”.

But why is this even a thing?

Now, that’s an excellent question. Ethereum is an interesting concept. Why?

Ethereum allows us to build decentralized apps (dApps). Here are a couple dApp use cases top of my head:

  • No one has the right to censor you nor delete your comments on the free web. Freedom of speech. It’s especially important for modern media platforms. (Transparency)
  • Cryptocurrencies/tokens. You have the full rights to your assets and no one has the privilege of freezing your accounts. Transferring cryptocurrencies only requires the raw computing power to compute the transaction.

Check out this introduction if you need more info.

So how do you get started building Dapps? Great question. I gathered a list to help you kickstart developing dApps with Solidity and Ethereum.

Ethereum and Solidity: The Complete Developer’s Guide

You will learn the following:

  • How to design, test, and deploy secure Smart Contracts.
  • Why engineers would want to create an app with Ethereum.
  • How to use the latest version of Ethereum development tools (Web3 v1.0)

Ethereum Smart Contracts

The following things you will learn from this course are:

  • State, Functions, Modifiers and Events
  • Payable functions
  • Inheritance
  • Contract To Contract Communication
  • Libraries

Smart Contracts and Decentralized Apps 101

This course grants eye-opening experience in the following fields:

  • Solidity and Ethereum basics (101).
  • Interact with smart contracts from a UI. (Thanks to web3.js)

cryptozombies.io

“CryptoZombies is an interactive code school that teaches you to write smart contracts in Solidity through building your own crypto-collectables game.”

Discover Ethereum & Solidity

From the maker of the course:

Many people are excited about the promises of Ethereum and are itching to create a new generation of decentralized applications for the web.

However, navigating the Ethereum landscape as a developer can be very confusing, since writing apps for the blockchain requires grasping many new concepts. On top of that, most tutorials are out-of-date or use deprecated tools in a rapidly changing ecosystem, making it hard to even know where to start.

That’s why I’ve created this course, where beginners can create a complete DApp from start to finish, using common best practices from the Ethereum ecosystem.

By the end of the tutorial, you will have all the skills required to design your own smart contracts in Solidity, hooking them up to a modern web interface, and create your very own token sale to help you successfully kickstart future blockchain projects.

Learning Solidity

What you will learn:

  • From basics to state modifiers.
  • Auditing your code and finding security flaws.
  • Truffle, Testrpc, ERC20 tokens.

Capture the Ether — (game)

Ethereum Smart Contract Security Best Practices

Awesome Solidity — (Github repository)

One of my favorite curated lists consisting of solidity stuff.

ethereumdev.io

Dapp University

Thanks for reading! ❤

From Zero to Hero with Vue — Input handling, Loops, Components

You made it far — but the our path is even further. Keep on reading and learning to become a Vue master. We learned the basics so far, let’s continue.


Input handling

v-model directive

Forms play a key role in any modern application, from login screen to dashboards.

Let’s make our message dynamic. By making the input interactive — we can decide what our message property will be. Keep in mind, all inputs should be wrapped inside a form tag.

https://stackoverflow.com/a/29011407/5073961

Creating our first v-model

That’s all there is to simple inputs with Vue! Just create a simple input and attach a v-model directive to it and watch the magic happen.

From Zero to Hero with Vue — getting up and running

Alright! Let’s get our hands dirty! All we need is a text editor and a browser. I will be using Visual Studio Code paired with Google Chrome.

Table of contents:

  • Getting started, understanding the basics, “hello world”
  • Directives
  • Methods
  • Conditional statements

“Hello World”

From Zero to Hero with Vue - But first, why Vue?

Vue has taken the Javascript world by storm - and for a good reason. Vue is a great tool to work with. I had the pleasure to work for a company who made Vue applications and I found it a blast!

It’s safe to say Vue has proven itself and has a bright future ahead. Why not give Vue a try? After all, being a developer means being a student for life.

Source: Official Vue Documentation

If you know the “why” already, here’s the link to get started with coding. By the time you finish this series, you’ll be a master of Vue.

Has Vue passed React in popularity yet?

https://hasvuepassedreactyet.surge.sh/

As as skeptic, Vue passing React in Github stars was something I didn’t believe until I checked it out myself.

All you need to know about the Web Audio API

Did you know Javascript has a constantly evolving high-level API for processing and synthesizing audio? How cool is that!

The goal of the audio API is to replicate features found in desktop audio production applications. Some of the most prominent features are mixing, processing, filtering, etc.

The web audio API has a lot of potential and can do awesome stuff. But first — how well is the API supported across the board?

green across all boards

Cool, worth digging into. 👍

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×