Giter Club home page Giter Club logo

sadikturan / komple-web-gelistirme-dersleri Goto Github PK

View Code? Open in Web Editor NEW
331.0 28.0 202.0 326.47 MB

Sıfırdan ileri seviyeye 'Web Geliştirme': Html, Css, Sass, Flexbox, Javascript, Bootstrap,JQuery,Asp.Net Mvc ve Core Mvc

Home Page: https://www.udemy.com/course/komple-web-developer-kursu/?referralCode=5D4498D410A2750305C1

HTML 69.70% CSS 9.77% JavaScript 19.22% TypeScript 0.50% SCSS 0.81%
html css javascript aspnetcore aspnet-mvc jquery fullstack

komple-web-gelistirme-dersleri's Introduction

Komple Uygulamalı Web Geliştirme Eğitimi

Komple Uygulamalı Web Geliştirme Eğitimi kursumuzu incelemek için tıklayınız.

Telegram grubuna katılmak için tıklayınız. Discord grubuna katılmak için tıklayınız.

Sıfırdan ileri seviyeye 'Web Geliştirme': Html, Css, Sass, Flexbox, Javascript, Bootstrap,JQuery,Asp.Net Mvc ve Core Mvc

Yayınlandığı tarihten beri Udemy'nin en iyi 3 kursu içerisinde en yüksek değerlendirme oranına sahip olduğumuzu bilmenizi isterim. Bu başarının nedeni şüphesiz ki; sürekli güncel kalan bir kurs olmamız ve web geliştirme alanıyla alakalı en önemli ve en gerekli konuları sadece bir kursta yalın ve net bir şekilde öğreniyor olmanızdır.

Web geliştirme alanıyla daha önceden ilgilenip ilgilenmediğiniz bizim için hiç önemli değil. Sadece bir kurs ile bu alanda sıfırdan ileri seviye kadar eğitim alıp istediğiniz dinamik web uygulamasını yapabilen binlerce kişiden biri olabilirsiniz.

Kursumuz sıfırdan ileri seviyeye kadar bir web geliştiricinin bilmesi gereken tüm konuların yer aldığı, piyasadaki en kapsamlı ve en güncel kurs olduğunu bilmenizi isterim.

Kursumuzdaki konu başlıkları sırasıyla; Html, Css, Sass & Scss, Flexbox, Javascript, Bootstrap, JQuery, Asp.Net Mvc ve Asp.Net Core Mvc konu başlıklarıdır.

Peki neden Web Geliştirici Kursuna İhtiyaç Duyalım ;

  • Ciddi iş potansiyeline sahip olan bu alanda kendinizi geliştirip iyi bir kariyer sahibi olabilirsiniz.
  • Freelancer olarak çalışıp kendi müşterilerinize hizmet sunabilirsiniz.
  • Kurumsal bir firmada iyi bir ücret karşılığında çalışabilirsiniz.
  • Hayal ettiğiniz projeleri gerçekleştirme fırsatına sahip olabilirsiniz.

Kurs programı web geliştirici alanıyla uğraşmaya başlamış ancak neyi ne zaman öğrenmesi gerektiğini bilmeyen ya da bu alanla ilgili hiç bir fikri olmayan kişileri göz önüne alarak sıfırdan özenle hazırlanmıştır.

Web geliştirici olmak aslına bakarsak zor değil ancak kaynak sıkıntısı gerçekten çoğu zaman sıkıntı oluyor ve aslında kolay olan bu süreci gerçekten çok zormuş gibi gösteriyor.

Kaynak sıkıntısı; aslında neyi öğrenmemiz gerektiği , öğrenme sürecinde birbirinin eşdeğeri konular ya da yazılım araçlarının neler olduğu , en son çıkan teknolojiler neler gibi konuların bilinmediği üzerinedir. Bu gibi sıkıntılar öğrenme sürecini uzatıp çoğu zamanda bu işten vazgeçilmesine neden olmaktadır.

Bize sınırsız bilgi sunan internet ile kaynağa ulaşma sürecimiz çok çabuk ve kolay olmaktadır ancak bu başta güzel gözükse de binlerce kaynak içinden neyi öğrenmemiz gerektiğini seçmek gerçekten zor oluyor. Dolayısıyla çoğu zaman birbirine eşdeğer çoğu yazılım türleri ya da araçlarıyla boşu boşuna aylarca uğraşıyoruz. Bu gerçekten büyük zaman kaybı.

Komple Uygulamalı Web Geliştirme kursuna katılarak hayal ettiğiniz mesleğe net ve yalın bir anlatım ile zaman kaybetmeden ulaşabilirsiniz.

Web geliştirici olmak için gereken konuları öğrendik ancak sitemizi nasıl yayınlayacağız ?

  • Satın almanız gereken hosting paketi nasıl olmalı ?
  • Hangi özelliklere sahip olmalı ?
  • Dosyalarımı nasıl internet ortamında yayınlarım ?

Bu gibi soruları eminim çok merak ediyoruz. Dolayısıyla kursumuza kayıt olan her kişi geliştirdiği web sitelerini yayınlamak için gereken Web Hosting paketine 1 yıl boyunca ücretsiz olarak sahip olacaktır. Üstelik sitenizi nasıl yayınlayacağınız adım adım anlatılmaktadır, bu işlem gerçekten çok basit.

Kurs Sonunda ;

  • Her türlü web tasarım sitelerini
  • Her sektöre hitap eden statik ve dinamik tanıtım sitelerini
  • Blog tarzındaki dinamik içerik üreten web sitelerini
  • Sitelerinizin yönetim panelini
  • En temel kuralları içeren bir E-ticaret sitesini
    yapabiliyor olacaksınız.

Zaman kaybetmeden Komple Uygulamalı Web Geliştirme kursumuza dahil olup bir web geliştiricinin bilmesi gereken en güncel ve en temel konuları planlı bir şekilde öğrenin...!

Komple Uygulamalı Web Geliştirme kursumuzu incelemek için tıklayınız.

Komple Uygulamalı Web Geliştirme yazılı dökümanlarını incelemek için tıklayınız..

komple-web-gelistirme-dersleri's People

Contributors

sadikturan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

komple-web-gelistirme-dersleri's Issues

Third Party JavaScript Libraries Not Working in ASP.NET Core MVC Project

Hi @sadikturan,

Third party javascript libraries (jquery-validation, jquery-validation-unobtrusive, ckeditor) added to the project (Client-Side Validation and HTML Editor) aren't working. According to the results of the research, the <environment> tag is used in ASP.NET Core to include third-party scripts in the project. Therefore, I deleted the third party libraries defined as a @section Scripts and added the following usage to the _Layout.cshtml file:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="~/modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
    <link rel="stylesheet" href="~/css/style.css">

    <!-- Added the following lines of code to the _Layout.cshtml file. -->
    <environment include="Development">
      <script src="/modules/jquery-validation/dist/jquery.validate.min.js" crossorigin></script>
      <script src="/modules/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.min.js" crossorigin></script>
      <script src="/modules/ckeditor/ckeditor.js" crossorigin></script>
    </environment>

    <title>Shop Application</title>
</head>
<body>
   <!-- Other Lines of Code -->
</body>
</html>

Have a nice day.

Resources

Fix Suggestion

Hi @sadikturan,

I notice a deficiency in this application, where you describe the suspension of some processes in the queue in asynchronous programming using callback functions in JavaScript. If the callback function didn't return an error code after the addProduct() function was called, you would have to call the getProducts() function.

Click to see the code.

To make up for this deficiency, I added the getProducts() function call inside the anonymous function in the addProduct() function call to be called when no errors occur:

addProduct( { id: 4, name: "Samsung S5", price: 500 }, function( error, data ) {
    if( error)
    {
        console.log( error );
    }
    else 
    {
        console.log( data );

        /* getProducts() function should be called when the operation is successful */
        getProducts();
    }
}

Have a nice working day.

Bootstrap Version Issue in Angular Section

Hi @sadikturan,

The web interface defined in the movies.component.html file doesn't work correctly because the Bootstrap library in the Angular section is loaded into the project without providing the version information. The image below shows this error:

Click to see the picture.

To fix this error, I took advantage of the Bootstrap v5.1 documentation and edited the movies.component.html file as follows:

<movie-detail [movie]="selectedMovie"></movie-detail>

<div class="card">
  <div class="card-header">
    {{ title }}
  </div>
  <ul class="list-group list-group-flush">
    <li *ngFor="let movie of movies" (click)="onSelect(movie)" class="list-group-item" [class.active]="movie===selectedMovie">

      <!-- I edited the following two lines. -->
      <span class="badge badge-primary bg-primary ">{{movie.id}}</span> {{movie.name}}          
      <button type="button" class="btn-close btn-sm float-end" aria-label="Close"></button>

    </li>
  </ul>
</div>

After the change, the relevant part of the Angular application is rendered as follows:

Click to see the picture.

Have a nice working day.

Resources

Error Using set() and get() Functions in Object.defineProperty() Method

Hi @sadikturan,

The program doesn't work correctly due to the following line of code:

Click to see the code.

When I examined the Object.defineProperty() method in MDN Web Docs, I learned that the get() function has two different uses:

/* ES2015 Feature: Shorthand Method Names */
Object.defineProperty( object, property, {
   get: function() {
      return propertyValue;
   }

/* Other Method */
Object.defineProperty( object, property, {
   get() { 
      return propertyValue;
   }

The same error occurs when using the set() function. Applying the usage from the MDN Web Docs for the set() function resolves the issue:

Click to see the code.

/* ES2015 Feature: Shorthand Method Names */
Object.defineProperty( object, property, {
   set: function() {
      return propertyValue;
   }

/* Other Method */
Object.defineProperty( object, property, {
   set() { 
      return propertyValue;
   }

The issue is resolved when the fullName property for the person object is provided by one of the following methods:

/* Method-1 */
Object.defineProperty( person, 'fullName', {
   get: function() {
      return `${this.firstName} ${this.lastName}`;
   },
   set: function( value ) {
      const parts = value.split( ' ' );
      this.firstName = parts[ 0 ];
      this.lastName = parts[ 1 ];
   },
} );

/* Method-2 */
Object.defineProperty( person, 'fullName', {
   get() {
      return `${this.firstName} ${this.lastName}`;
   },
   set( value ) {
      const parts = value.split( ' ' );
      this.firstName = parts[ 0 ];
      this.lastName = parts[ 1 ];
   },
} );

/**
 * Note:  In the program you wrote, the "fullName" property of the "person" object is shown on the console 
 *        as "undefined" in the 2nd and 3rd lines below.
 */
person.fullName = 'John Nash';   /* Uses the object's set() member function */
console.log( typeof person );
console.log( person.fullName );   /* Uses the object's get() member function */

Thank you for your contributions to the community.

TypeScript Error When Transpiling

Hi @sadikturan,

An error occurs in the TypeScript>Properties section of the tutorial on Udemy; I couldn't reference it because the codes aren't available in this repository. When I enter the tsc properties.ts command on the command line to transpile TypeScript code to JavaScript code, I get the following error:

properties.ts:48:9 - error TS1056: Accessors are only available when targeting ECMAScript 5 and higher.

48     get location()

properties.ts:53:9 - error TS1056: Accessors are only available when targeting ECMAScript 5 and higher.

53     set location(value: Point)

To solve this problem, it was necassary to explicitly specify he target ECMAScript version in the command line call:

tsc -t es5 properties.ts

Have a nice working day.

Resources

Responsive Web Page Example Not Working

Hi @sadikturan,

Responsive image themed sample project defined in image-gallery directory (index.html and responsive-image.html) doesn't work in Google Chrome (v92.0.4515.107 64-Bit) browser. This problem solved by adding the following line of code to the HTML file as you have stated before:

<!-- The following declaration should be added to file responsive-image.html and file index.html. -->
<meta name="viewport" content="width=device-width">

Thank you for your contributions to the community. I wish you good work.

TS(2322) Error When Using Observable

Hi @sadikturan,

The getMovie() method defined in the movie.service.ts file in the relevant section of the Movie application causes the ts(2322) error. I fixed the problem by updating this method as follows:

  /* It should be noted that the getMovie() method may return "null" or "undefined" values. */
  getMovie( id: number ) : Observable<Movie | null | undefined > 
  {
    this.loggingService.add( 'MovieService: get detail by id = ' + id );

    return of( Movies.find( movie => movie.id === id ) );
  }

Have a nice working day.

Resources

Non-critical Fix Suggestion

Hi @sadikturan,

Although preventDefault() is used to disable the default action when the submit event occurs on the <form> element in some sessions, the website refreshes itself. I couldn't understand the reason for this situation.

Click to see the code.

In my research to prevent this situation, I saw that the onsubmit attribute of the <form> element was assigned a return false value. In some sessions, I have silenced this problem, which I don't understand in this way. So I changed the code below in the index.html page.

Click to see the code.

Non-critical fix suggestion:

<-- Added "onsubmit" attribute to <form> element  -->
<form id="new-course" onsubmit="return false">
    <!-- other codes -->
</form>

Have a nice working day.

Fix Suggestion

Hi @sadikturan,

I noticed that there is an ambiguity in the program when the condition is false in the code block below.

Click to see the code.

Although it hasn't caused an error yet, I think the method should return false when the condition is false. So I revised the deleteCourse() method as below:

class UI 
{
    /* other codes */
    
    deleteCourse(element)
    {
        if(element.classList.contains('delete'))
        {
            element.parentElement.parentElement.remove();
            return true;
        }

        /* I just added the following line of code to the program. */
        return false;
    }
}

Have a nice working day.

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.