Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 31 hours on-demand video
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Full Stack Web Development

Bootcamp programistyczny 2020 (PL): Web dev Full stack

Web Development Full stack: HTML, CSS, JavaScript, Angular 7, React 16, Python 3, Django 2, NativeScript 5
Rating: 4.5 out of 54.5 (205 ratings)
1,393 students
Created by Krystian Czekalski
Last updated 3/2019
Polish
Polish
30-Day Money-Back Guarantee

What you'll learn

  • Podstawy języków: HTML, CSS, Javascript, Python, TypeScript
  • Podstawy frameworków: Angular 7, React, Django 2.2 oraz NativeScript 5
  • Jak stworzyć strony internetową i aplikacje webową
  • Jak stworzyć serwer backend
  • Jak stworzyć aplikacje mobilną na Android i iOS

Course content

18 sections • 215 lectures • 30h 56m total length

  • Preview06:48
  • Preview09:26
  • Narzedzia developerskie w przegladarkach
    09:21
  • Edytory Tekstu i IDE
    06:03
  • Skróty klawiaturowe
    06:23
  • Terminal
    07:46
  • Jak działają strony internetowe
    12:47
  • Git version control
    19:58

  • Preview08:21
  • Pierwszy tag
    07:06
  • Preview05:46
  • Meta
    06:28
  • Nagłówek i Paragraf
    05:42
  • Tagi inline
    06:30
  • Break
    08:51
  • Symbole specjalne
    04:42
  • Formatowanie kodu
    06:15
  • Zdjecia
    09:16
  • Element div
    05:16
  • Semantyczne elementy
    06:32
  • Class i Id
    05:51
  • Linki
    08:47
  • Listy
    04:15
  • Formularze
    12:15
  • CSS
    07:55
  • Javascript
    06:06

  • Wprowadzenie do CSS
    09:06
  • Pisanie styli
    04:03
  • Selektory
    07:10
  • Czcionki
    07:34
  • Dodatkowe czcionki i ikony
    07:17
  • Preview08:30
  • Box model
    10:40
  • Tło i ramka
    07:27
  • Wielkosc i pozycja
    10:57
  • Overflow - przepełnienie
    04:11
  • Pseudo klasy i pseudo elementy
    07:53
  • Specyficzność
    14:04
  • Jednostki
    13:01
  • Gradienty
    08:07
  • Cienie
    07:22
  • Rogi
    03:25
  • Float
    11:01
  • Flex layout
    15:02
  • Grid layout
    07:35
  • Przejscia
    09:16
  • Animacje
    06:49
  • Zmienne CSS
    06:26
  • Dodatkowy syntax
    12:25

  • Przegląd projektu
    03:49
  • Układ strony
    03:59
  • Nawigacja
    12:23
  • Banner i zdjecia
    07:56
  • Główna sekcja
    17:27
  • Footer
    13:44
  • Porządkowanie
    05:39

  • Wprowadzenie do JS
    06:40
  • Dlaczego JS i gdzie się używa
    03:49
  • Preview11:10
  • Typy danych
    11:18
  • Działania arytmetyczne
    08:38
  • Przypisywanie wartości
    04:56
  • Instrukcje warunkowe
    12:17
  • Tablice
    05:54
  • Właściwości i metody tablic
    14:42
  • Obiekty
    07:52
  • Pętle
    12:53
  • Funkcje
    10:04
  • Więcej o funkcjach
    11:04
  • Petle na tablicach
    06:34
  • Filter, map i reduce
    08:56
  • Obsługa błędów
    06:36
  • DOM
    10:38
  • Selektor query
    05:29
  • Zawartość elementów
    12:22
  • Manipulacja elementami
    07:58
  • Events
    10:50
  • Formularze
    10:49
  • Style i klasy
    10:13
  • Atrybuty
    11:20
  • Data i godzina
    12:16
  • Funkcje interwałowe
    08:43
  • Klasy
    10:01
  • Extra syntax
    09:56
  • Canvas
    08:10
  • Local Storage
    09:22
  • Przydatne biblioteki
    06:54
  • jQuery
    12:47
  • Bootstrap
    08:56

  • Przygotowanie projektu
    07:29
  • Ustawianie styli
    07:29
  • Javascript
    11:34
  • Animacje i więcej kubków
    06:51

  • Angular wprowadzenie
    07:11
  • Angular CLI
    11:23
  • Przegląd plików
    12:28
  • Moduły
    04:57
  • Komponenty
    10:06
  • Data binding
    06:45
  • Interakcja użytkownika
    05:59
  • 2 way data binding
    05:28
  • Directives
    11:35
  • LifeCycle hooks
    07:32
  • Style i klasy
    08:53
  • Serwisy
    12:03
  • Pipes
    08:44
  • Routing
    18:05
  • Przysyłanie info w url
    08:59
  • Formularze
    09:29
  • Komunikacja pomiędzy komponentami
    15:33
  • Observables
    13:21
  • Budowanie gotowej aplikacji
    08:33

  • Przegląd projektu
    03:34
  • Serwis
    16:28
  • Lista
    07:11
  • Routing
    08:06
  • Detale
    06:39
  • Nawigacja i style
    06:04
  • Git
    06:52

  • Czym jest Python
    06:24
  • Instalacja Python i PyCharm
    08:42
  • Pierwszy skrypt
    06:37
  • Virtual environment
    10:53
  • Białe przestrzenie
    07:04
  • Block i scope
    06:23
  • Numery
    04:03
  • Teksty
    07:52
  • Funkcje warunkowe
    09:56
  • Listy
    08:56
  • Pętle
    09:56
  • Dictonary
    04:59
  • Blędy
    07:49
  • Funkcje
    08:05
  • Praca z plikami
    09:36
  • Klasy
    14:18
  • Dziedziczenie
    06:48
  • Import
    05:05

  • Wstęp
    07:15
  • Lista
    09:54
  • Nowa osoba
    06:26
  • Hasło
    06:52

Requirements

  • Wcześniejsza wiedza nie jest wymagana
  • Posiadanie komputera z podłączeniem do internetu

Description

W tym kursie zaczniemy od początku. Żadna wcześniejsza wiedza nie jest wymagana. Jest to wprowadzenie w świat web development. Po skończeniu tego kursu będziesz nie tylko wiedział jak wykonać rzeczy w różnych językach programowania ale również będziesz wiedział jak to wszystko jest połączone. Będziesz wiedział jak zrobić:

- stronę internetową

- interaktywna stronę lub aplikacje webową

- aplikacje jednostronicową (SPA - Single Page App: Angular i React )

- aplikacje lub stronę z połączeniem z bazą danych

- aplikacje serwerowa (backend z baza danych)

- mobilną aplikacje na systemy Android i iOS

Ten kurs podzielony jest na sekcje. Są sekcje teoretycznie gdzie wprowadzam w tajniki i syntax danego języka a po sekcje teoretycznej jest zawsze test praktyczny gdzie wykorzystujemy wcześniejszą wiedzę by wykonać praktyczny projekt.

Wprowadzenie:

Omówienie podstawowych zagadnień związanych z programowaniem webowym. Jakich narzędzi będziemy potrzebować. Pokaże rownież jak ich używać. Omówimy również co poszczególne zagadnienia związane z programowaniem webowym znaczą.

HTML:

Teoretyczna sekcja o języku html (HyperText Markup Language). Będę pokazywał jak pisać html syntax. Przejdziemy przez wszystkie podstawowe html tagi dostępne w języku. Będziemy używać najnowszego języka HTML5.

CSS:

Teoretyczna sekcja o języku CSS (Cascading Style Sheet). W tej sekcji pokaże w jakiś sposób możemy stylizować naszą stronę internetową by wyglądała tak jak chcemy. Będziemy rozmawiali o jednostkach, kolorach, layoutach, animacjach i wielu innych rzeczach.

Projekt Praktyczny 1 (Strona WWW):

W tej sekcji dostaniemy gotowy layout strony od grafika i odtworzymy go razem używając wiedzy z HTML i CSS. Pokaże krok po kroku jak się zabrać za robienie strony i jak możemy wykorzystać gotowe grafiki. Po tej sekcji będziesz potrafił zrobić swoja pierwszą stronę internetową.

Javascript:

Sekcja poświecona teorii języka JavaScript. Pokaże co możemy zrobić w języku JS. Będę omawiał syntax i zastosowanie języka. Zaczniemy od teorii programowania takich jak zmienne, pętle, tablice, funkcje, warunki itp . Potem przejdziemy do manipulacji DOM (Document Object Model). Jak możemy dynamicznie wpływać i kontrolować na nasz html i css.

Projekt Praktyczny 2 (Aplikacja webowa):

W ten sekcji stworzymy interaktywną stronę gdzie po kliknięciu na dany kubełek nalejemy do niego więcej płynu. Ten przykład pomoże nam wykorzystać wiele z wcześniej nauczonych technik w Javascript. Całość projektu będzie wykonana w JavaScript.

Angular 7:

Wprowadzenie do framework Angular. Będziemy używać wersji Angular 7. Będziemy mówić o strukturze Angular, jak uruchomić aplikacje, jak ją przygotować do produkcji (gotowej na serwer). Będziemy używać komponentów, serwisów i wszystkiego co najlepsze w Angular. Pokaże również jak można używać narzędzia Angular CLI (Command Line Interface).

Projekt Praktyczny 3 (Single Page App):

W ten sekcji stworzymy SPA (Single Page Application). Aplikacje jednostronicową gdzie nie musimy odświeżać strony by wczytać nowy kontent. Aplikacja będzie oparta na Angular 7.

Python 3

Podstawy języka programowania Python 3. Pokaże jak zainstalować python i potrzebne narzędzie na systemach operacyjnych windows i mac OS. Pokaże jak pisać skrypty pythona i jak je wywoływać. Pokaże jak programować w python: zmienne, funkcje, warunki, pętle itp.

Projekt Praktyczny 4 (Python Baza Danych w pliku):

W tym projekcie pokaże w jaki sposób możemy spytać użytkownika o dane i zapisać je w pliku. Będziemy czytać dane z lokalnego pliku CSV, i dopisywać dane na podstawie input użytkownika. Ten projekt pozwoli utrwalić nam wiele z rzeczy które przerobiliśmy w rozdziale Python.

Django 2

Wprowadzenie do framework Django. Będziemy używać Django wersji 2+. Pokaże jak można wykorzystać Django do tego by stworzyć pełną aplikacje webową z podłączeniem do bazy danych. Pokaże również jak możemy wykorzystać Django do tego by zrobić własne API (Application Programming Interface). Będziemy mówili o models, views, serializers, urls i templates.

Projekt Praktyczny 5 (Django API):

W ten sekcji stworzymy API z Django framework. Będzie to gotowe REST API z użyciem Django Rest Framework i będziemy mogli użyć tego API w następnej sekcji w aplikacji Angular.

Projekt Praktyczny 6 (Aplikacja Angular z Django API):

W ten sekcji będziemy kontynuować aplikacji Filmy którą stworzyliśmy wcześniej i dodany do niej dane z API. Będziemy używać HTTP requests po to by dostać dynamiczne dane z naszej lokalnej bazy danych Django. Będziemy również rozwiązywać problemy z CORS i plikami media.

NativeScript 5

Będziemy uczyli się jak zrobić własną aplikacje na komórki. Będzie to aplikacja cross platform która będzie wyświetlana jako natywna dla systemów Android i iOS.  Będziemy uczyli się jak zrobić aplikacje wykorzystując wiedzę które wcześniej zdobyliśmy z Angular.

Projekt Praktyczny 7 (Mobilna Aplikacja):

W ten sekcji stworzymy aplikacje na komórki na systemy iOS i Android. Wykorzystamy do tego NativeScript i Angular. W naszej aplikacji ściągniemy rekordy z bazy danych używając naszego Django API i http. Aplikacja będzie bardzo podobna do tej, którą zrobiliśmy w Angular.

React 16:

W ten sekcji pokaże jak działa kolejny front-end framework ReactJS. Pokaże wszystkie postawowe rzeczy które będą nam potrzebne by stworzyć aplikacje podobna jak stworzyliśmy z Angular. Będziemy omawiali podstawowe koncepty jak components, props, state itp.

Projekt Praktyczny 8 ( Webowa Aplikacja React):

W ten sekcji odtworzymy aplikacje Filmy którą stworzyliśmy wcześniej z Angular razem z HTPP z danymi z API. Będziemy używać HTTP requests po to by dostać dynamiczne dane z naszej lokalnej bazy danych.

Dodatkowe Info:

W ten sekcji skupimy się na dodatkowych informacjach które każdy deweloper webowy powinien wiedzieć.

Who this course is for:

  • Osoby które chcą zacząć swoim przygodę z programowaniem
  • Osoby które chcą nauczyć się programowania webowego
  • Osoby które chcą uzupełnić wiedzę z jednego lub więcej zagadnień omawianych w tym kursie

Instructor

Krystian Czekalski
Senior Full Stack Engineer
Krystian Czekalski
  • 4.4 Instructor Rating
  • 2,340 Reviews
  • 10,378 Students
  • 12 Courses

I'm a self-educated Full-stack developer.

I have a master's degree in social psychology and I was working as a child therapist for a few years. Due to the decisions, I made in my life - to move to another country I had to give up my profession and find something different.

I started with programming 6 years ago with simple HTML and CSS websites. Shortly I become a freelancer using mostly flash platform. I got my first full-time position as Front-end developer few years ago.

Since I started with programming I learn new technologies every single day. And I strongly believe that's a key to success.

Now, mostly I'm working with JavaScript and Python, but I also work with other languages like Java, Php, ActionScript, Typescript, etc. I'm very eager to learn everything related to IT technologies and I'm trying to share my passion with others.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.