Narzędzia

developerskie
 Spis treści

Edytory kodu  3

Wtyczki do edytorów  4

Wstęp Edytory online  5

Wtyczki do przeglądarki  6
Liczba dostępnych na rynku narzędzi i materiałów
Edytory graficzne  7
developerskich może onieśmielać, zwłaszcza adeptów
kodowania. Który edytor wybrać? Skąd wziąć zdjęcia do Prezentacja interfejsu  8
projektu? Jakich narzędzi użyć, by lepiej zorganizować Dobór kolorów  9
sobie pracę? Aby ułatwić Ci orientację i podjęcie decyzji, Dobór zdjęć  10
prezentujemy wybór narzędzi używanych przez nas
Ikony  11
samych - Mentorów i pracowników Kodilli. Wieloletnie
Hosting  12
doświadczenie pozwoliło nam zebrać propozycje,
które przydadzą Ci się nie tylko na początku przygody Git  13
z programowaniem, ale również w dalszej karierze. Mockups  14
Zachęcamy do eksperymentowania i urządzenia sobie Testowanie API  14
optymalnego “warsztatu pracy” :)
Notatki  15

Organizacja zadań  15
Powodzenia!
Pomoc techniczna  16
Zespół Kodilli Komunikatory  17
Pakiety obsługi  17

2
Edytory kodu

Visual Studio Code https://code.visualstudio.com

Atom https://atom.io

Sublime Text [$] https://www.sublimetext.com

WebStorm [$] https://www.jetbrains.com/webstorm

IntelliJ Idea [$] https://www.jetbrains.com/idea

3
Wtyczki do edytorów

Emmet https://emmet.io ESLint http://bit.ly/VSM-ESLint

Narzędzie przyspieszające kodowanie, z

Wtyczka pilnująca poprawnych nawyków w pisaniu kodu.
autouzupełnianiem kodu i obsługą snippetów.

Bookmarks http://bit.ly/VSM-Bookmarks Path Intellisense http://bit.ly/VSM-Path-Intellisense

Wtyczka odpowiadająca za dodawanie zakładek w kodzie. Wtyczka inteligentnie uzupełniająca ścieżki w projekcie.

4
Edytory online

Codepen https://codepen.io

Edytor front-endowy (HTML, CSS, JS) z obsługą preprocessorów

i możliwością deployu projektu.

JSFiddle https://jsfiddle.net

Edytor front-endowy (HTML, CSS, JS) z możliwością

symulowania zapytań AJAX i obszerną listą boilerplates.

5
Wtyczki do przeglądarki

Tampermonkey Stylus
Rozszerzenie do instalowania skryptów JS, dokonujących zmian Menedżer stylów użytkownika, umożliwiający dodawanie
w stronach WWW w trakcie ich wykonywania. własnych stylów do stron WWW.

Google Dictionary LastPass

Tłumacz stron WWW online. Manager haseł.

Wappalyzer https://builtwith.com Page Ruler

Narzędzie do sprawdzania technologii, bibliotek i dodatków, Dodatek do przeglądarki, umożliwiający mierzenie elementów na
użytych na stronie internetowej. stronie internetowej.

6
 Edytory graficzne

Photoshop / Illustrator [$] https://www.adobe.com

Rozbudowane edytory do tworzenia layoutów i elementów

graficznych (PS - grafika rastrowa, Illustrator - grafika wektorowa).

Photopea https://www.photopea.com

Darmowy serwis do odczytu i edycji plików Photoshopa,

Gimpa i Sketcha (.psd, .xcf,. sketch).

Avocode [$] https://avocode.com

Serwis do odczytu plików m.in. Sketcha, Photoshopa i Illustratora

z możliwością eksportu assetów i generowania kodu.

7
Prezentacja interfejsu

InVision https://www.invisionapp.com Zeplin https://zeplin.io

Narzędzie do prototypowania z możliwością stworzenia Narzędzie do prototypowania z możliwością stworzenia

interaktywnej wersji designu. interaktywnej wersji designu i eksportu assetów.

8
Dobór kolorów

Material UI Colors https://materialuicolors.co Coolors https://coolors.co

Paletton http://paletton.com Colormind http://colormind.io

Flat UI Colors https://flatuicolors.com ColorSpace https://mycolor.space

Color Hunt https://colorhunt.co uiGradients https://uigradients.com

Color Wheel https://color.adobe.com/create/color-wheel Eggradients https://www.eggradients.com

ColourLovers https://www.colourlovers.com/palettes WebGradients https://webgradients.com

9
Dobór zdjęć

StockSnap https://stocksnap.io Gratisography https://gratisography.com

Pexels https://www.pexels.com Reshot https://www.reshot.com

Unsplash https://unsplash.com Snapwire Snaps http://snapwiresnaps.tumblr.com

Negative Space https://negativespace.co Getrefe http://getrefe.tumblr.com

Kaboom Pics https://kaboompics.com Foter https://foter.com

Life of Pix https://www.lifeofpix.com Magdeleine https://magdeleine.co

10
Ikony

Font Awesome https://fontawesome.com Dripicons http://demo.amitjakhu.com/dripicons

Favicon Generator https://www.favicon-generator.org Material Icons https://materialdesignicons.com

FlatIcon https://www.flaticon.com IcoFont https://icofont.com

Line Awesome https://icons8.com/line-awesome We Love Icon http://weloveiconfonts.com

Themify https://themify.me/themify-icons Linea http://www.linea.io

Devicon http://konpa.github.io/devicon Icon Works http://icon-works.com

11
Hosting

Heroku https://www.heroku.com 000webhost https://pl.000webhost.com

Hosting aplikacji back-end + front-end (Node.js, Java, Ruby, Darmowy hosting stron www opartych na PHP i MySQL.
PHP, Python, Go, Scala, Clojure). Wykorzystuje Cpanel i umożliwia pełną obsługę serwisu.

Dropbox https://www.dropbox.com Apache Friends https://www.apachefriends.org

Wysyłanie, przeglądanie i pobieranie plików przez Darmowa dystrybucja Apache, zawierająca MariaDB, PHP
przeglądarkę lub dedykowaną aplikację. i Perl.

Netlify https://www.netlify.com DigitalOcean [$] https://www.digitalocean.com

Platforma pozwalająca na buildowanie, deployowanie Platforma pozwalająca na płatny hosting aplikacji nawet na
i hosting front-endu, zintegrowana z GitHubem. godziny,

12
Git

GitHub https://github.com

Najpopularniejsze i największe miejsce w sieci - darmowe

repozytoria prywatne (do 3 użytkowników) oraz publiczne.

GitLab https://gitlab.com

Darmowe repozytoria z ograniczoną funkcjonalnością.

Bitbucket https://bitbucket.org

Prywatne repozytoria za darmo do 5 użytkowników.

13
Mockups Testowanie API

Moqups https://moqups.com Postman https://www.getpostman.com

Narzędzie do testowania API, wysyłania i odbierania

Popularne narzędzie do tworzenia prototypów i mockupów.
zapytań,

14
 Notatki Organizacja zadań

Dynalist https://dynalist.io Trello https://trello.com

Darmowy, estetyczny i praktyczny sposób na organizowanie

Platforma do przechowywania notatek i list zadań. jakichkolwiek spraw z kimkolwiek chcesz.

f.lux https://justgetflux.com Asana https://asana.com

Program dostosowujący jasność ekranu do pory dnia, Platforma do planowania i śledzenia flow pracy.

Jira [$] https://www.atlassian.com/software/jira

Platforma do planowania i śledzenia projektów

programistycznych.

15
Pomoc techniczna

StackOverflow https://stackoverflow.com

Forum techniczne dla programistów.

Google :)

16
12
Komunikatory Pakiety obsługi

Slack https://slack.com GSuite https://gsuite.google.com

Zestaw narzędzi Google, umożliwiających komunikację

Komunikator grupowy z obsługą kanałów i wątkowania.
i wspólną pracę nad dokumentami.

17