kamilniemczycki/kamilcraft.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Update experiences for technology

Browse Source
This commit is contained in:
Kamil Niemczycki 2021-10-15 11:18:19 +02:00
parent 87708789b1
commit aac5c6897e
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/sections/Experiences.vue
View File

@ -15,6 +15,7 @@
v-for="(icon, keyIcon) in skill.icons" v-for="(icon, keyIcon) in skill.icons"
:key="keyIcon" :class="icon.class" :key="keyIcon" :class="icon.class"
:icon="['fab', icon.name]" :icon="['fab', icon.name]"
:alt="icon.alt"
:title="icon.title" /> :title="icon.title" />
</div> </div>
<h3>{{ skill.header }}</h3> <h3>{{ skill.header }}</h3>
@ -42,11 +43,13 @@ export default {
{ {
class: 'icon-php', class: 'icon-php',
name: 'php', name: 'php',
alt: 'Ikona przedstawiająca język PHP',
title: 'Ikona PHP' title: 'Ikona PHP'
}, },
{ {
class: 'icon-laravel', class: 'icon-laravel',
name: 'laravel', name: 'laravel',
alt: 'Ikona przedstawiająca framework Laravel',
title: 'Ikona Laravel' title: 'Ikona Laravel'
} }
], ],
@ -62,6 +65,7 @@ export default {
{ {
class: 'icon-js', class: 'icon-js',
name: 'js-square', name: 'js-square',
alt: 'Ikona przedstawiająca język JavaScript',
title: 'Ikona JavaScript' title: 'Ikona JavaScript'
} }
], ],
@ -75,7 +79,8 @@ export default {
{ {
class: 'icon-vue', class: 'icon-vue',
name: 'vuejs', name: 'vuejs',
title: 'Ikona Vue' alt: 'Ikona przedstawiająca framework Vue.js',
title: 'Ikona Vue.js'
} }
], ],
header: 'Vue', header: 'Vue',
@ -89,47 +94,52 @@ export default {
{ {
class: 'icon-html5', class: 'icon-html5',
name: 'html5', name: 'html5',
alt: 'Ikona przedstawiająca HTML5',
title: 'Ikona HTML5' title: 'Ikona HTML5'
}, },
{ {
class: 'icon-css3', class: 'icon-css3',
name: 'css3-alt', name: 'css3-alt',
alt: 'Ikona przedstawiająca CSS3',
title: 'Ikona CSS3' title: 'Ikona CSS3'
} }
], ],
header: 'HTML & CSS', header: 'HTML & CSS',
showMore: false, showMore: false,
description: `Framework ten wspomaga mnie w pisaniu aplikacji frontendowej. Przyspiesza tworzenie warstwy description: `HTML i CSS to już nieodłączne technologie, które w łatwy sposób umożliwiają nadanie wizualnej
wizualnej, obsługę interakcji z użytkownikiem i bindowanie zdefiniowanych pól, które są odpowiednio renderowane spójności dla treści, obrazów lub ułożenia elementów. Nie raz, odpowednie zaprojektowanie interfejsu użytkownika
przez przeglądarkę. To wszystko, umożliwia łatwe łączenie CSS i HTML z logiką i otrzymanymi danymi z API.` przyspiesza integrację z naszą stroną/sklepem. Ma to przełożenie na zyski dla obu stron - firmy (finanse)
i klienta (czas).`
}, },
{ {
icons: [ icons: [
{ {
class: 'icon-node', class: 'icon-node',
name: 'node', name: 'node',
alt: 'Ikona przedstawiająca Node.js',
title: 'Ikona Node.js' title: 'Ikona Node.js'
} }
], ],
header: 'Node.js', header: 'Node.js',
showMore: false, showMore: false,
description: `Framework ten wspomaga mnie w pisaniu aplikacji frontendowej. Przyspiesza tworzenie warstwy description: `Node jest wieloplatformowym środowiskiem uruchomieniowym, umożliwiającym uruchomienie kodu
wizualnej, obsługę interakcji z użytkownikiem i bindowanie zdefiniowanych pól, które są odpowiednio renderowane JavaScript po stronie backendowej. Jest to bardzo przyjemny język, który ułatwia projektowanie logiki biznesowej
przez przeglądarkę. To wszystko, umożliwia łatwe łączenie CSS i HTML z logiką i otrzymanymi danymi z API.` aplikacji, dla mniej wymagających serwisów pod względem analizy i przetwarzania danych.`
}, },
{ {
icons: [ icons: [
{ {
class: 'icon-sass', class: 'icon-sass',
name: 'sass', name: 'sass',
alt: 'Ikona przedstawiająca Sass',
title: 'Ikona Sass' title: 'Ikona Sass'
} }
], ],
header: 'Sass', header: 'Sass',
showMore: false, showMore: false,
description: `Framework ten wspomaga mnie w pisaniu aplikacji frontendowej. Przyspiesza tworzenie warstwy description: `Sass zwiększa czytelność kodu dla programisty. Zawiera abstrakcje znane z języków obiektowych,
wizualnej, obsługę interakcji z użytkownikiem i bindowanie zdefiniowanych pól, które są odpowiednio renderowane przy czym ogranicza powtarzalność i umożliwia optymalizację kodu. Kompilacja napisanego stylu w Sass jest
przez przeglądarkę. To wszystko, umożliwia łatwe łączenie CSS i HTML z logiką i otrzymanymi danymi z API.` przekształcana do formy czytelnej dla silnika graficznego przeglądarki, co przyspiesza proces generowania strony.`
} }
] ]
}, },