Financial tips and advice on investment for developers:
"Learn how to free extra monthly cash from your dev-salary for investment"
There are so many different ways to free money for investments without thinking of getting another job. Download my Top-15 cash-freeing tips cheat sheet.
The latest articles:
Front-end Shorts: How to Scroll to Element in jQuery With Animation
8 Mar, 2018
Here I am back and decided to continue blogging with front-end shorts. Unfortunately, I don’t have enough time to write big posts, but I would be happy to share some frontend tips and tricks that I have already applied for some of my projects.
The last days I had to work with Javascript and jQuery a lot apart from React and spent much time on creating templates. As you know, nowadays modern web pages include animated scrolling, which makes any site look professional and more elegant (instead of simple link element reference in HTML5).
Ada Lovelace Festival 2017 in Berlin
23 Oct, 2017
The last week I have attended Ada Lovelace Festival that occurred on 19-20 October 2017. The aim of the event to connect women in computing and technology.
Unfortunately, I was a bit too late for the keynote, because I had a lecture at the university. However, I joined the conference, and after registration, I got my bag with sponsors gifts.
For example, a pen and a paper notebook from the WirtschaftsWoche, and a small car model and candies from Porsche.
React.js & React Native Meetup at Home24 in Berlin
19 Oct, 2017
Hey, there! In this blog post, I’m going to share my impression about the React.js & React Native meetup in Berlin that I have visited at Home24 yesterday.
If you still didn’t have a look at the topic of my blog, so, as you noticed from the title, I am interested in front-end development and at the moments specialized in the JavaScript language and especially in React framework.
Close to the point, I would like to tell you a couple of words about the last meetup.
What Did I Learn at Codemotion Berlin 2017
14 Oct, 2017
Hi, everyone!
As you noticed, I post a new blog post about the development of an interactive ToDo list regularly, every five days. But today I am going to tell you about the international IT-conference Codemotion, that I have attended on 12-13. October in Berlin.
There were a lot of informative and motivational topics, that can inspire everyone, who are interested or work in IT-branch.
All talks occurred in four different spaces and referred by the topic of the sessions.
Persisting data using local storage with React+Redux
10 Oct, 2017
Let’s continue developing an Interactive ToDo List. Refer to the previous posts you notice that we are almost done with the basic functionality of the application. And today I would like to start the topic about persisting the data and restoring it after refreshing the page or starting a new session on the local machine with React+Redux.
Changing into the my-daily-todos project, then to src folder where you find index.js. Here we store all the app’s state in the store variable.
Dynamic progress bar with React+Redux
6 Oct, 2017
Hi there! I am so happy that you continue developing our interactive Daily ToDo app with me. Today you are going to get to know how to implement a dynamic progress bar that will handle task completing status by percentage for every category.
But before moving on, if you are new here, please, have a look at the previous posts. You should start developing app there and then continue with us here.
Categorize tasks with React+Redux
1 Oct, 2017
The most valuable feature set for our Daily ToDo is already done. Today we are going to make an app more functional, separating tasks by categories. We want to be able to categorize task by typing # and category after its title.
For example: practice a coding kata #programming.
As always, we start with the simple user story and the acceptance criteria:
As Bob I want to categorize tasks by adding tag into input So I see which task belongs to which category ## Acceptance Criteria Given there are no tasks And I am on dashboard screen When I finish inputting a new task title And choose the category (tag) for a task And press Enter Then I see the categorized task by tag on the dashboard screen Tag examples: Programming, Sport, Languages, University, Reading, Routine If you are a new reader of the tutorial series and don’t understand what is going on at the moment, then just check the previous posts starting with React For Very Very Beginners
Let's complete some tasks with React+Redux
26 Sep, 2017
Today we are going to implement the second feature for our app. If you are a new reader, then I highly recommend you to check my earlier blog posts here, where we started our learning journey in React+Redux, refer to the posts complete previous steps and continue with us to develop an interactive ToDo List from here.
As you guess from the blog title, the next feature called Complete a task.
The First User Story, The First Feature With React+Redux
21 Sep, 2017
Hi, everyone! I guess you are pretty encouraged to start coding our app. Just to remind: it will be an interactive daily ToDo List. Today I am going to explain: what is a user story? Why do we need to write it before implementing a feature? How will we organize and structure an app? What is, actually, a new feature?
Let’s start with the first question. In my opinion, user stories are efficient things.
Simple Usage of React+Redux
17 Sep, 2017
As I promised in my previous post, today I am going to tell you about Redux, why and how we need to use them in common. Let me introduce React+Redux co-working through the simple input change that should render Hello, {any name / text}! at the end and manage by redux states.
Redux? What is it? Redux is a predictable state container for managing both UI-state and data-state in JavaScript applications.