This is my first experience with Vue.js. As a challenge, I found the login interface from dribbble.com with animation, to replicate it using with Vue.js 3.2.

Tämä on ensimmäinen kokemukseni Vue.js:stä. Haasteena löysin kirjautumisrajapinnan dribbble.com-sivustosta animaatiolla, jotta voin kopioida sen Vue.js 3.2:lla.

Это мой первый опыт работы с Vue.js. В качестве испытания я нашел интерфейс входа в систему с dribbble.com с анимацией, чтобы воспроизвести его с помощью Vue.js 3.2.

Sign Up form

Goals was be to create a multi languages page with popular library React.js, but frendly for SEO. I decided to use Gatsby.js for an easy implementation with headless CMS (DatoCMS).

Tavoitteena oli luoda monikielinen sivu suositulla React.js-kirjastolla, mutta sopivasti SEO:lle. Päätin käyttää Gatsby.js:ää helppoon toteuttamiseen päättömällä CMS:llä (DatoCMS).

Целевая страница для медиа-продукции. 

Цель, создать многоязычную страницу с популярной библиотекой React.js, но дружественную для SEO. Решил использовать Gatsby.js для простой реализации с headless CMS (DatoCMS).

Cinemeyevision

This is the last beautiful project. The goal was to update the landing page for my friend because the previous landing page looked outdated. And second reason was editing the page without a CMS.To create a new landing page, I chose my favorite Next.js and DatoCMS stack.

Tämä on viimeinen kaunis projekti. Tavoitteena oli päivittää ystäväni aloitussivu, koska edellinen aloitussivu näytti vanhentuneelta. Toinen syy oli sivun muokkaaminen ilman sisällönhallintajärjestelmää. Uuden aloitussivun luomiseksi valitsin suosikkini Next.js- ja DatoCMS-pinon.

Это последний, красивый проект. Цель состояла в том, чтобы обновить целевую страницу моего друга, потому что предыдущая целевая страница выглядела устаревшей. И второй причиной было редактирование страницы без CMS. Для создания новой целевой страницы я выбрал свой любимый стек Next.js и DatoCMS.

Timamih

My first pet project. Dashboard for creating a schedule of lessons, hobbies or any other activities for the whole week. It's works locally and does not require registration or other remote actions.The goal, to get experience with next.js, typescript, styled-components and indexedDB.

Ensimmäinen lemmikkiprojektini. Kojelauta oppituntien, harrastusten tai muiden aktiviteettien aikataulun luomiseen koko viikolle. Se toimii paikallisesti eikä vaadi rekisteröitymistä tai muita etätoimintoja. Tavoitteena on saada kokemusta next.js:stä, konekirjoituksesta, tyylikomponenteista ja indeksoidusta DB:stä.

Мой первый любимый проект. Дашборд для создания расписания уроков, хобби или любых других занятий на целую неделю. Он работает локально и не требует регистрации или других удаленных действий. Цель - получить опыт работы с next.js, typescript, styled-components и indexedDB.

Wilmaaz

First tool which I was used to create design was a Photoshop. When Adobe annonsed XD for interfaces, I switched from a Photoshop to XD. Now, I prefer to work with Figma, it is easy to use, has a plugins also can work in a web browser.

Ensimmäinen työkalu, jota käytin suunnittelussa, oli Photoshop. Kun Adobe ilmoitti XD:stä käyttöliittymistä, vaihdoin Photoshopista XD:hen. Nyt mieluummin työskentelen Figman kanssa, se on helppokäyttöinen, siinä on laajennukset, jotka voivat toimia myös verkkoselaimessa.

Первым инструментом, который я использовал для создания дизайна, был Photoshop. Когда Adobe анонсировала XD для интерфейсов, я переключился с Photoshop на XD. Теперь я предпочитаю работать с Figma, она проста в использовании, имеет плагины, также может работать в веб-браузере.

Simple illustrations, icons and logos - are one of most important part of design. I use Adobe Illustrator or Figma to draw all of these, because vector graphic are more responsive and flexible for any screens.

Yksinkertaiset kuvat, kuvakkeet ja logot ovat yksi suunnittelun tärkeimmistä osista. Käytän Adobe Illustratoria tai Figmaa piirtämään nämä kaikki, koska vektorigrafiikka on herkempi ja joustavampi kaikille näytöille.

Простые иллюстрации, иконки и логотипы - одна из важнейших частей дизайна. Я использую Adobe Illustrator или Figma для рисования всего этого, потому что векторная графика более гибкая и адаптивная для любых экранов.

I learned the basics of node.js with mongodb in the Full Stack -kehittäjän RekryKoulutus course and also passed the node.js online course. Four month I  worked in a startup with Firebase. I have experience with headless CMS like 

Opin node.js:n perusteet mongodb:llä Full Stack -kehittäjän RekryKoulutus -kurssilla ja suoritin myös node.js verkkokurssin. Työskentelin neljä kuukautta startupissa Firebasen kanssa. Minulla on kokemusta päättömästä sisällönhallintajärjestelmästä, kuten  

Я изучал основы node.js с mongodb на курсе Full Stack -kehittäjän RekryKoulutus, а также прошел онлайн-курс node.js. Четыре месяца я работал в стартапе с Firebase. Имею опыт работы с headless CMS, такими как 

 web things in the digital world! Currently, I am focused to find a remote position as a Frontend / UI developer.

 verkkototeutuksia digitaalisessa maailmassa! Olen ensisijaisesti kiinnostunut Frontend / UI-kehittäjän tehtävistä.

Привет! Я Антон и создаю 

 веб-вещи в цифровом мире! В настоящее время я сосредоточен на поиске удаленной должности Frontend / UI разработчика.

Web development is my favorite hobby, I devote a lot of time to learning it and I strive to use my knowledge into practice. It started in 2004, when I saw the first flash sites. Therefore i decided to know, how does it works and try to learn it for itself. Also, I learned the basic of 3D graphics create some more complex animations with Flash. After that, I had a break.

In the era of smartphones, HTML5 and CSS3 replaced Flash and this will be the beginning to come for me as a developer, because I have never written code before in the editor.

In the beginning it was difficult without a GUI as a in graphical softwares, just only typing tags and properties. After a few months changed editor, where was autocompletion and skills began to improve faster. After half a year I was able to create a simple, responsive website with transitions and animations, but with a static data. My friend given me advace to learn pure javascript before try to use any libraries or frameworks. Thanks to Javascript, I have taken a huge step forward into the new world of web interfaces.

I soon, found a great solution for myself with online cources to improve or learn new skills and this pushed me to learning English.

Verkkokehitys on suosikkiharrastukseni, käytän sen oppimiseen paljon aikaa ja pyrin hyödyntämään tietojani käytännössä. Se alkoi vuonna 2004, kun näin ensimmäiset flash-sivustot. Siksi päätin tietää, miten se toimii, ja yrittää oppia sen itse. Opin myös 3D-grafiikan perusteet luomaan monimutkaisempia animaatioita Flashilla. Sen jälkeen minulla oli tauko. 

Älypuhelimien aikakaudella HTML5 ja CSS3 korvasivat Flashin ja tämä tulee olemaan minulle kehittäjänä, koska en ole koskaan aiemmin kirjoittanut koodia editoriin. 

Alussa oli vaikeaa ilman graafista käyttöliittymää graafisissa ohjelmistoissa, vain tagien ja ominaisuuksien kirjoittaminen. Muutaman kuukauden kuluttua vaihtui editori, jossa oli automaattinen täydennys ja taidot alkoivat kehittyä nopeammin. Puolen vuoden jälkeen pystyin luomaan yksinkertaisen, responsiivisen sivuston siirtymillä ja animaatioilla, mutta staattisilla tiedoilla. Ystäväni neuvoi minua opettelemaan puhdasta JavaScriptiä ennen kuin yritän käyttää kirjastoja tai kehyksiä. Javascriptin ansiosta olen ottanut valtavan askeleen eteenpäin verkkokäyttöliittymien uuteen maailmaan. 

Löysin pian itselleni loistavan ratkaisun verkkokursseista parantaakseni tai oppia uusia taitoja, ja tämä sai minut oppimaan englantia.

Веб-разработка — мое любимое хобби, я посвящаю этому много времени и стремлюсь применять свои знания на практике. Это началось в 2004 году, когда я увидел первые флеш-сайты. Поэтому я решил узнать, как это работает, и попытаться изучить это для себя. Кроме того, я изучил основы 3D-графики для создания более сложных анимаций с помощью Flash. После этого у меня был перерыв. 

В эпоху смартфонов HTML5 и CSS3 заменили Flash, и это будет началом для меня как разработчика, потому что я никогда раньше не писал код в редакторе. 

Вначале было сложно без графического интерфейса, как в графических программах, просто вводить теги и свойства. Через несколько месяцев сменил редактор, где было автозаполнение и навыки стали улучшаться быстрее. Через полгода мне удалось создать простой, отзывчивый веб-сайт с переходами и анимацией, но со статическими данными. Мой друг посоветовал мне изучить чистый javascript, прежде чем пытаться использовать какие-либо библиотеки или фреймворки. Благодаря Javascript я сделал огромный шаг вперед в новый мир веб-интерфейсов. 

Вскоре я нашел для себя отличное решение с онлайн-курсами, чтобы улучшить или изучить новые навыки, и это подтолкнуло меня к изучению английского языка.

I've drew isometric illustrations with Adobe Illustration. I first used Gatsby.js with Contantful CMS, then redesigned the landing page using Next.js and headless DatoCMS for easy maintainability.

Olen piirtänyt isometrisiä kuvia Adobe Illustrationilla. Käytin ensin Gatsby.js:ää Contantful CMS:n kanssa, minkä jälkeen suunnittelin aloitussivun uudelleen Next.js:n ja päättömän DatoCMS:n avulla helpon ylläpidon vuoksi.

Небольшая строительная компания из Эспоо.

Созданы изометрические иллюстрации в Adobe Illustration. По началу использовал Gatsby.js с Contantful CMS, затем переделал страницу, используя Next.js и headless DatoCMS для удобной поддержки.

Riofor-Muuraustyöt

The small firm, who give different services and products.

A very simple website, I tried to create the page as a mobile application and then scale to desktop. I designed only two sections with illustrations, after that I didn't develop it.

Pieni yritys, joka tarjoaa erilaisia palveluita ja tuotteita.

Hyvin yksinkertainen verkkosivusto, yritin luoda sivun mobiilisovellukseksi ja skaalata sitten työpöydälle. Suunnittelin vain kaksi kuvitusosaa, sen jälkeen en kehittänyt sitä.

Небольшая фирма, предлагающая различные услуги и товары.

Очень простой веб-сайт, я попытался создать страницу как мобильное приложение, а затем масштабировать до рабочего стола. Оформил только два раздела с иллюстрациями, после не занимался сайтом.

DXTrade

HTML, CSS (SCSS), Javascript, Styled-Components and some knowledge with Typescript. I have experience with React.js and based frameworks, such as 

HTML, CSS (SCSS), Javascript, Styled-Components ja jonkin verran tietoa Typescriptistä. Minulla on kokemusta React.js:stä ja niihin perustuvista kehyksistä, kuten 

HTML, CSS (SCSS), Javascript, стилизованные компоненты и некоторые знания Typescript. У меня есть опыт работы с React.js и основанными на нем фреймворками, такими как 

. Могу работать с запросами REST и 

The first animation experience I had while learning Adobe Flash, then there was a little experience with 3D graphics and Adobe After Effects. In web development, I have a good knowledge with CSS and preprocessors, as well as SVG.

Ensimmäinen animaatiokokemus, jonka sain opiskellessani Adobe Flashia, sitten oli vähän kokemusta 3D-grafiikasta ja Adobe After Effectsistä. Verkkokehityksessä minulla on hyvät tiedot CSS:stä ja esiprosessoreista sekä SVG:stä.

Первый опыт анимации я получил во время изучения Adobe Flash, затем был небольшой опыт работы с 3D-графикой и Adobe After Effects. В веб-разработке я хорошо разбираюсь в CSS и препроцессорах, а также в SVG.

I used Next.js, as it is possible to create static sites and SEO. Also I have the experience of using DatoCMS and I chose this one as the site content manager. The site was deployed on the Netlify platform.

Käytin Next.js:ää, koska sillä on mahdollista luoda staattisia sivustoja ja SEO:ta. Minulla on myös kokemusta DatoCMS:n käytöstä, ja valitsin tämän sivuston sisällönhallintaohjelmaksi. Sivusto otettiin käyttöön Netlify-alustalla.

Целевая страница для частого такси. 

Использовал Next.js, так как есть возможность создавать статический сайты и SEO. Также у меня имелся опыт использования DatoCMS и я выбрал эту в качестве контент-менеджера сайта. Сайт был развернут на платформе Netlify.

FemluxTaxi

Small beauty salon in the center of Helsinki.

My first html site after flash sites. First experience with CSS, LESS preprocessor and JQuery the most popular javascript library at that time. I used Adobe Photoshop as my design tool.

Pieni kauneushoitola Helsingin keskustassa.

Ensimmäinen html-sivustoni flash-sivustojen jälkeen. Ensimmäinen kokemus CSS:stä, LESS:sta preprosessorista ja JQuery:sta, joka oli tuolloin suosituin javascript-kirjasto. Suunnittelutyökaluna käytin Adobe Photoshopia.

Небольшой салон красоты в центре Хельсинки.

Мой первый html сайт после flash сайтов. Первый опыт работы с CSS, препроцессором LESS и JQuery, самой популярной библиотекой javascript в то время. Инструмент для дизайна я использовал Adobe Photoshop.

Delice Beauty

Earlier was interested in 3D graphics, therefore I have general understand what is render, shader, texture, polygons, light, shadow and e.g. The Cinema 4D was a tool which I used to learn in parallel Adobe Flash.

Aiemmin olin kiinnostunut 3D-grafiikasta, joten olen yleisesti ymmärtänyt mitä ovat renderöinti, varjostin, tekstuuri, polygonit, valo, varjo ja esim. Cinema 4D oli työkalu, jonka opin rinnakkain Adobe Flashin kanssa.

Раньше интересовался 3D-графикой, поэтому я в целом понимаю, что такое рендеринг, шейдер, текстура, полигоны, свет, тень и т. д. Cinema 4D был инструментом, который я использовал для параллельного изучения Adobe Flash.

Your ideas and my skills

stackoverflow