GithubHelp home page GithubHelp logo

Hİ there 👍

Hi I am RAKIP ATABEY

COURSE CONTENTS

1. Algorithm

  • What is an Algorithm?
  • Flow Char
  • Examples

2. HTML

  • What is HTML?
  • Elements
  • Features
  • Links
  • frame
  • Listing
  • Form Objects
  • Adding Pictures
  • sing Background
  • Colors

3.CSS

  • What is CSS?
  • Code structure
  • Id and Class Selection
  • Introducing CSS
  • Background
  • Articles
  • Fonts
  • Links
  • Listing
  • Tables
  • Box Model
  • Borders
  • Outer Borders
  • Drinking Spacesv
  • Grouping and Overwriting
  • Limitations
  • Show/Hide
  • Positions
  • Scroll
  • Align
  • Transparency
  • Feature Selection

* We will make 2 HTML and CSS PROJECTS.
* You will do 1 HTML and CSS PROJECT.

4. HTML5

  • What is HTML5?
  • HTML5 structure
  • Form Elements
  • Input Types
  • Input Features
  • Adding Videos
  • Adding Sound
  • Transition
  • SVG

3. CSS3

  • What is CSS3?
  • Edge Rounding
  • Giving Shade to Text
  • Giving Shadow to the Box
  • Text Overflow
  • 2D transformations
  • 3D transformations
  • Transition Effects
  • Animation Making
  • Split text
  • Resizing
  • Transparency
  • Box sizing
  • Flexible Box Usage
  • Media Queries
  • Filter Effects
  • Background Blending
  • Variables
  • Grid Structure
* We will make 2 HTML5 and CSS3 PROJECTS.
* You will do 1 HTML5 and CSS3 PROJECT.

4. Git/Github

  • What is Git/Github?
  • Github account creation
  • Git Installation
  • Git and Github linking
  • Github Project Creation
  • Basic Commands
  • Branching
  • Remote Repository Commands
  • Documentation with readme.md settings
  • Other Git Commands
* We will make 2 HTML5 and CSS3 PROJECTs and upload them to Github.
* 1 HTML5 and CSS3 PROJECT You will make and upload to Github and upload previous projects with Gifs and Documentation.

5. BOOTSTRAP

  • What is Bootstrap?
  • container
  • grid
  • Colors
  • Tables
  • pictures
  • Warnings
  • Buttons
  • Button Groups

* We will make 2 Bootstrap PROJECTs and post them on Github.
* You will make 1 Bootstrap PROJECT and you will upload it to Github with Gif and Documentation.

6. JAVASCRIPT

  • What is JS?
  • JS binding
  • Terms of use
  • Screen printing methods
  • Comments
  • Variables
  • Arithmetic Operators
  • Assignment Operators
  • Comparison Operators
  • Logical Operators
  • Data Types
  • Objects
  • Scope
  • Events
  • String Operations
  • Date operations
  • Arrays and Operations
  • If Else
  • Switch Case
  • For Loop
  • While Loop
  • Do While Loop
  • Break and continue
  • Type Conversions
  • try catch
  • Use Strict
  • Hide Show Simple Dom Example
  • What is Object Oriented Programming?
  • Object Prototype
  • Inheriting
  • Private Variable
  • Using Get and Set
  • extension
  • Chaining Methods
  • Let
  • Defaul Parameters
  • Destructuring Assignment
  • const
  • arrow functions
  • Classes
  • literals
  • Spread Operator
  • For Of
  • Set Map WeekMap WeakSet
  • New Built-In
  • Promise
  • async

* We will make 2 JS PROJECTS and post them on Github.
* You will make 1 JS PROJECT and you will upload it to Github with Gif and Documentation.

6.1. JENKINS

  • What is Jenkins? How to use?

6.2. CLOUDS

  • What are cloud systems and how are they used?
  • AWS and Firebase structure

6.3. TESTING

  • What is Unit Testing? How to use?
  • Other Test Environments/Tools

6.4. Trello/Jira

  • What is Trello/Jira and how is it used?

7. REACT

  • What is React? (Comparison with vanilla JS)
  • DOM and VDOM relationship
  • What is JSX?
  • Prop and State structure and relationship between State and VDOM
  • How to make style with React? Different methods
  • Component structure and Component types (Class based - Function Based)
  • Lifecycle Methods
  • What are hooks? Popular Hooks (useState, useEffect …)
  • How to implement Lifecycle Methods with useEffect?
  • Introducing the Axios library and pulling data from the API.
  • Restful API introduction and methods (GET, POST, PUT, DELETE)
  • Introducing the JSON Placeholder library and making CRUD operations by installing a fake Rest API
* We will make 2 React PROJECTs and post them on Github.
* You will make 1 React PROJECT and you will upload it to Github with Gif and Documentation.

7.1 REACT - REDUX

  • What is state management, why is it needed?
  • Redux installation (Store, initialState, reducer, action)
  • Differences with the useState hook
  • Differences with context
  • Redux-toolkit installation
  • Differences between Redux-toolkit and Redux
  • Example Redux and Redux-toolkit project

* We will make 1 Redux-Toolkit PROJECT and post it on Github.
* You will make 1 Redux-Toolkit and upload it to Github with Gif and Documentation.

8 TYPESCRIPT

  • What is TypeScript and How to Install it?
  • Simple Types
  • Tuple
  • Interface
  • Class (constructor, methods, properties)
  • Optional
  • Abstract Class
  • Access Specifiers (public, private, protected)
  • Read-only property
  • Generics
* We will make 1 TS PROJECT and post it on Github.
* You will make 1 TS PROJECT and you will upload it to Github with Gif and Documentation.

9. MVC

  • What is MVC?
  • How to make a react project by following the MVC pattern?

9.1.SWAGGER

  • What is Swagger?
  • What does it do?
  • How to use the request template in Swagger?
  • Generating a sample request using the template in Swagger.

10. MVVM

  • What is MVVM? How to use?

14. SASS / SCSS

  • Variable
  • nested use
  • CSS inclusion
  • Functions
  • Inheriting
  • operators
  • Loops
  • Decision Structures

15. AGIL

  • What is Agile and how is it applied?

14.1 PROJECT PUBLISHING

  • Project Publishing Methods
  • Publishing a Sample Project
* You Will Publish 1 PROJECT

15. CV

  • How should the CV be, Filling references and content

16. Interview

  • Technical interviews.

RAKIP ATABEY's Projects

chicken icon chicken

HTML SCSS Kullanılarak Hazırlanmıştır.

game icon game

HTLM-CSS-JAVASCRİPT ile hazırlanmıştır ...

udemg icon udemg

HTML CSS3 BOOTSTRAP Web Desing

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.