<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Mohammed Saied</title>
    <description>The latest articles on DEV Community by Mohammed Saied (@moglten).</description>
    <link>https://dev.to/moglten</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F525845%2F598852ad-a308-4e24-b817-879ad66213ae.jpeg</url>
      <title>DEV Community: Mohammed Saied</title>
      <link>https://dev.to/moglten</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/moglten"/>
    <language>en</language>
    <item>
      <title>My Algorithm is Optimal!</title>
      <dc:creator>Mohammed Saied</dc:creator>
      <pubDate>Wed, 27 Jul 2022 01:50:43 +0000</pubDate>
      <link>https://dev.to/moglten/my-algorithm-is-optimal-5bbp</link>
      <guid>https://dev.to/moglten/my-algorithm-is-optimal-5bbp</guid>
      <description>&lt;p&gt;**Optimal **is a fancy word used in computer science to describe the comparison between one algorithm or even data structure and another.&lt;/p&gt;

&lt;p&gt;There are various notions of optimality one can think of. One popular notion of optimality is worst-case running time, which is what you describe:&lt;/p&gt;

&lt;p&gt;An algorithm for solving a problem P is asymptotically optimal with respect to worst-case running time if it runs in time T(n), and any algorithm for P runs in time Ω(T(n)).&lt;/p&gt;

&lt;p&gt;In fact, this notion is ambiguous, since it's not clear what the parameter n is. Indeed, in some cases there are several relevant parameters, which we sometimes want to consider at the same time. This is the case with graph algorithms, in which there are two natural parameters: the number of vertices and the number of edges.&lt;/p&gt;

&lt;p&gt;An additional point of ambiguity is the computation model against which everything is measured. In theoretical work, we usually consider the word RAM as our computation model, but other models are possible.&lt;/p&gt;

&lt;p&gt;The definition above is about the asymptotic running time. This manifests itself in two ways. First, we only care about the time complexity of the algorithm up to constant factors. Second, we only care about the behavior for large n. In practice, sometimes n is fixed, and then the definition above doesn't make any sense.&lt;/p&gt;

&lt;p&gt;Whereas worst-case running time is a popular parameter, other parameters are also relevant. Some examples include average-case running time (whenever there is a natural input distribution) and memory consumption. Only you can say which notion of optimality is most relevant for you.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>CSS {type : kick-off;}</title>
      <dc:creator>Mohammed Saied</dc:creator>
      <pubDate>Wed, 15 Dec 2021 18:25:17 +0000</pubDate>
      <link>https://dev.to/moglten/css-type-kick-off-53c0</link>
      <guid>https://dev.to/moglten/css-type-kick-off-53c0</guid>
      <description>&lt;p&gt;Hello ...what should i call you developer of cascedies whatever.&lt;/p&gt;

&lt;h2&gt;
  
  
  CSS
&lt;/h2&gt;

&lt;p&gt;A Cascading Style Sheet, commonly known as &lt;strong&gt;CSS&lt;/strong&gt;, is the layer of styling over &lt;strong&gt;HTML&lt;/strong&gt; elements, or in simpler terms, it lets you style the elements (font, size, color, and spacing) of your HTML pages and content by gently applying classes to it. CSS takes care of the presentation and helps you determine how the pages and content that you make with &lt;strong&gt;HTML&lt;/strong&gt; are going to look and display. &lt;strong&gt;CSS&lt;/strong&gt; will be a savior once you have learned to master the code. To master &lt;strong&gt;CSS&lt;/strong&gt;, you first need to understand the different types of &lt;strong&gt;CSS&lt;/strong&gt;. &lt;/p&gt;

&lt;p&gt;What &lt;strong&gt;CSS&lt;/strong&gt; offers to WEB?&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Consistency&lt;/strong&gt; &lt;br&gt;
the changes to the pages of your website. By making one change to your CSS style-sheet, you can consequently make it to each page of your website.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Browser Compatibility&lt;/strong&gt;&lt;br&gt;
Browser compatibility is something that is very important and with CSS, it is easy to withhold as it addresses this issue nicely.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Appearance&lt;/strong&gt;&lt;br&gt;
it is easy to improve the look-and-feel of the website from one place as it allows you to use a various choices of extensive styles.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Maintainability&lt;/strong&gt;&lt;br&gt;
the ability to automatically correct and change every page throughout your website whenever a change is made to your website’s style sheet.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Saves Time&lt;/strong&gt;&lt;br&gt;
you only need to specify details of the styling once for any element and it will automatically apply the specified styles whenever that particular element occurs. Hence, it saves a lot of time by not forcing you to rewrite everything again and again.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Example:-&lt;br&gt;
Pure HTML : &lt;a href="https://codepen.io/vlljcemp-the-animator/pen/poWebPm"&gt;HTML&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uCjo9z15--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g868ydphvj3i8oyaewt7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uCjo9z15--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g868ydphvj3i8oyaewt7.png" alt="Pure HTML" width="790" height="818"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Integration CSS with the HTML : &lt;a href="https://codepen.io/vlljcemp-the-animator/pen/ExwWyZV"&gt;HTML-CSS&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J3AnpbLM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1nhx9162auwyk7zkmsbd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J3AnpbLM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1nhx9162auwyk7zkmsbd.png" alt="CSS with the HTML" width="880" height="723"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CSS file that integrated with HTML is a style space for your HTML (font, size, color, and spacing) properties the scheme that CSS is following in coding.&lt;/p&gt;

&lt;h2&gt;
  
  
  Selectors
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZS7qHmoZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ymyothku1ximlrmeulk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZS7qHmoZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ymyothku1ximlrmeulk.png" alt="Selectors Scheme" width="310" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Selector is pointer to specify a item in HTML page to apply this property as the previous example. So,if i want to select all h1 tags from my HTML file and give them font and layout property.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--f1PQWCPC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uu3gda50iza4krv4x5ay.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--f1PQWCPC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uu3gda50iza4krv4x5ay.png" alt="tags" width="352" height="279"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Types of Selector&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Element Selector&lt;/strong&gt; : all &lt;code&gt;&amp;lt;p&amp;gt;&lt;/code&gt; elements on the page will be center-aligned, with a red text color.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yUpt32PK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wy9tdyj0znfuplm9pih6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yUpt32PK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wy9tdyj0znfuplm9pih6.png" alt="Element Selector" width="327" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Id Selector&lt;/strong&gt; : The CSS rule below will be applied to the HTML element with id="para1".&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5pOY2sE8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70h66mbph34j14jxlfee.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5pOY2sE8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70h66mbph34j14jxlfee.png" alt="id Selector" width="327" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Class Selector&lt;/strong&gt; : all HTML elements with class="center" will be red and center-aligned&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ooO3V7_V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/enmsjenbhqcz016hp3pk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ooO3V7_V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/enmsjenbhqcz016hp3pk.png" alt="class Selector" width="327" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So how the the webpages before-time looks like?&amp;gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--D-koeZW4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i3jeczyo9n3pfpftw5it.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--D-koeZW4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i3jeczyo9n3pfpftw5it.jpg" alt="webpages" width="880" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;With Upgrading of HTML/CSS and Browsers and protocols from web 1.0 to web 3.0, right now the world have big business just upon these modern web technologies.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;br&gt;
The &lt;strong&gt;CSS&lt;/strong&gt; is brush of the web developer in addition to learning framework like bootstrap and similar frameworks require solid understanding of CSS, and Backdoor. Lastly, &lt;strong&gt;CSS&lt;/strong&gt; is the millstone of the web these days so learning it well be the first stone on your career wall.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Learning materials&lt;/strong&gt;:-&lt;br&gt;
&lt;a href="https://web.dev/learn/css/"&gt;WEB DEV&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.w3schools.com/css/"&gt;W3C&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.codecademy.com/learn/learn-css"&gt;CODECADEMY&lt;/a&gt;&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/CSS"&gt;DEV MOZILLLA&lt;/a&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>beginners</category>
      <category>tutorial</category>
      <category>css</category>
    </item>
  </channel>
</rss>
