khialb32.github.io/articles.html at main · khialb32/khialb32.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<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="./styles/output.css" />
    <title>khial mustapha</title>
  </head>
  <body class="pt-10 md:pt-20 pl-4 md:pl-10 md:pr-32 bg-gray-50 max-w-full">
    <header class="flex items-center">
      <div class="flex mr-10 px-5 items-center">
        <img
          class="w-14 h-14 min-w-max min-h-max rounded-full border-gray-300 shadow-sm object-cover"
          src="img/mainprosmall.jpg"
          alt="khial mustapha"
        />
        <div>
          <h1 class="ml-4 text-black text-2xl font-extrabold">
            Khial Mustapha
          </h1>
          <h1 class="ml-4 text-black text-base font-light">
            a web developer, and ML engineer.
          </h1>
        </div>
        <div class="md:hidden self-start"></div>
      </div>
    </header>
    <div class="mt-4 ml-20 mb-20">
      <nav
        class="max-w-full space-x-3 text-gray-600 font-medium uppercase text-sm lg:flex"
      >
        <a href="./index.html"> about me</a>
        <a class="hidden lg:block" href="./articles.html"> articles</a>
        <a href="./projects.html"> projects</a>
        <a href="./contact.html"> contact me</a>
      </nav>
      <div class="mt-8">
        <section id="articles">
          <section id="soon-publishing">
            <h1 class="text-2xl text-black font-extrabold mt-4">soon publishing!</h1>
          </section>
          <section id="what-i-do">
            <div>
              <h1 class="text-xl text-gray-700 font-extralight mt-4">
                How to best normalize your database using TypeORM.
              </h1>
              <p class="mt-1 text-lg">
                we ll take a step by step guide into making your database more normalized by eliminating
                calculated fields and using advanced sql functions with TypeORM
              </p>
            </div>
            <div>
              <h1 class="text-xl text-gray-700 font-extralight mt-4">
                a sneaky peak look into JavaScript Closures using VsCode debbuger.
              </h1>
              <p class="mt-1 text-lg">
                Closures is a base concept that every JS developer should undestand,
                 we will compare few Js snippets
                  and watch how they evolve using Vscode debugger to better understand Closures.
              </p>
            </div>
            <div>
              <h1 class="text-xl text-gray-700 font-extralight mt-4">
                calculate your Model fields Faster by using Sql conditions.
              </h1>
              <p class="mt-1 text-lg">
                Just like there is an if and else keywords in almost all programing languages,
                we can use sql WHEN to define conditions in our queries,
                and that will help us inprove the calculation of our calulated fields a lot!
              </p>
            </div>
            <div>
              <h1 class="text-xl text-gray-700 font-extralight mt-4">
                Composition over inheritance in ORMs! how and why?
              </h1>
              <p class="mt-1 text-lg">
                OOP paradigm is great for encapsulating logic, yet it is always tricky
                to use OOP priciples and apply them to relational databses,
                we will use Squelize, to mirror our OOP code with inheritance and composition into our Postgres database.
              </p>
            </div>

          </section>
          <h1 class="text-xl text-gray-700 font-extralight mt-4">soon! in</h1>


            <a
              class="text-blue-500 font-light text-2xl"
              href="https://thejscode.com/"
            >
              theJsCode.com </a
            >

        </section>

          </a>
        </h1>
      </div>
    </div>
  </body>
</html>