<?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: Anna </title>
    <description>The latest articles on DEV Community by Anna  (@lujianna).</description>
    <link>https://dev.to/lujianna</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%2F286519%2F5888652e-868e-457d-b1ec-6cbddb12eec2.jpg</url>
      <title>DEV Community: Anna </title>
      <link>https://dev.to/lujianna</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lujianna"/>
    <language>en</language>
    <item>
      <title>Checklist of 5 things you should have before you start networking for a developer job</title>
      <dc:creator>Anna </dc:creator>
      <pubDate>Sat, 03 Jul 2021 13:04:20 +0000</pubDate>
      <link>https://dev.to/lujianna/checklist-of-5-things-you-should-have-before-you-start-networking-for-a-developer-job-1b65</link>
      <guid>https://dev.to/lujianna/checklist-of-5-things-you-should-have-before-you-start-networking-for-a-developer-job-1b65</guid>
      <description>&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;LinkedIn profile, with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;[ ] A profile picture&lt;/li&gt;
&lt;li&gt;[ ] About summary stating top 3 to 5 of your programming tools &amp;amp; languages&lt;/li&gt;
&lt;li&gt;[ ] Link to your GitHub page&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Github page, with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Pinned repo of your projects or projects you collaborated in&lt;/li&gt;
&lt;li&gt;[ ] Write Good README&lt;/li&gt;
&lt;li&gt;[ ] Link to the working demo of your project&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Portfolio website with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Your projects&lt;/li&gt;
&lt;li&gt;[ ] Your cv&lt;/li&gt;
&lt;li&gt;[ ] Include profile picture&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Online Presence&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Blogging&lt;/li&gt;
&lt;li&gt;[ ] Write articles&lt;/li&gt;
&lt;li&gt;[ ] Social media writing : Tweet &amp;amp; linked in article with keywords relevant hashtag &lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Make Projects:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Refine your existing projects&lt;/li&gt;
&lt;li&gt;[ ] Create new projects&lt;/li&gt;
&lt;li&gt;[ ] Add complexity to your projects &lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Try to have these boxes all checked up!&lt;br&gt;
Wishing you all the best.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>10 Mostly used HTML Symbols</title>
      <dc:creator>Anna </dc:creator>
      <pubDate>Sat, 12 Jun 2021 20:49:28 +0000</pubDate>
      <link>https://dev.to/lujianna/10-most-used-html-symbol-14o6</link>
      <guid>https://dev.to/lujianna/10-most-used-html-symbol-14o6</guid>
      <description>&lt;p&gt;Writing the copyright sign in html using entity name as  &lt;code&gt;&amp;amp;copy;&lt;/code&gt; or using number-code as &lt;code&gt;&amp;amp;#169;&lt;/code&gt; to easily display © made sense to me.&lt;/p&gt;

&lt;p&gt;Little did I know that  empty-space( ), slash sign ( | ), or even a dash ( - ), also hold special code in html. Similarly for a ‘ or an “. &lt;/p&gt;

&lt;p&gt;Think about '&amp;lt;' being used as a 'less-than' symbol. HTML would render text after 'less-than' symbol as the beginning of a tag name, thus would create confusion. Bad character error would be avoided if you write:&lt;br&gt;
 &lt;code&gt;&amp;lt;p&amp;gt; 4 is &amp;amp;#60; than 3 &amp;lt;/p&amp;gt;&lt;/code&gt; or:&lt;br&gt;
 &lt;code&gt;&amp;lt;p&amp;gt; 4 is &amp;amp;lt; than 3 &amp;lt;/p&amp;gt;&lt;/code&gt; &lt;br&gt;
instead of: &lt;code&gt;&amp;lt;p&amp;gt; 4 is &amp;lt; than 3 &amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;There is a case where in styling, you would want your web layout to be consistent. Say, a paragraph &lt;code&gt;&amp;lt;p&amp;gt; some text &amp;lt;/p&amp;gt;&lt;/code&gt; in section-1 has some text, and similar paragraph in section-2 has no text. Instead of living the p tag empty as &lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&lt;/code&gt;, you could use an empty space symbol (&lt;code&gt;&amp;amp;#32;&lt;/code&gt;), and write it in deci-code as:&lt;br&gt;
 &lt;code&gt;&amp;lt;p&amp;gt;&amp;amp;#32;&amp;lt;/p&amp;gt;&lt;/code&gt;  or in hex-code as &lt;code&gt;&amp;lt;p&amp;gt;&amp;amp;#x20&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Maybe you are using AZERTY keyboard and you don't want to spend your time figuring out where the back-tick is, just use &lt;code&gt;&amp;amp;#96;&lt;/code&gt; . &lt;/p&gt;

&lt;p&gt;After coding a couple of pages, I made a list for quick referencing the html symbols, their number-code/hex-code and entity code for the ones I have mostly used in basic web-pages. See &lt;a href="https://dev.to/lujianna/10-most-used-html-symbol-14o6/"&gt;cover image of this article for the list&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;I would substitute those characters in the html and use number code, hexadecimal or their entity names instead. &lt;/p&gt;

&lt;p&gt;Example on how to use the symbols in code:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;p&amp;gt;wow!&amp;lt;/p&amp;gt;&lt;/code&gt; to &lt;code&gt;&amp;lt;p&amp;gt;wow&amp;amp;excl;&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;You can get more of these symbols from &lt;a href="https://www.w3schools.com/html/html_symbols.asp"&gt;W3&lt;/a&gt;. There is also a &lt;a href="https://dev.w3.org/html5/html-author/charref"&gt;nice table here&lt;/a&gt;. Maybe an &lt;a href="https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references"&gt;official one is your preference&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now, you are probably asking what is html-entity. Here is an &lt;a href="https://developer.mozilla.org/en-US/docs/Glossary/Entity"&gt;MDN explanation&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Which symbol have you used the most so far, and is not included in this list? Please add in the discussion section below… &lt;/p&gt;

&lt;p&gt;Made with love …Anna. ♥  ♥ ♥&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Unary operators in Javascript Objects</title>
      <dc:creator>Anna </dc:creator>
      <pubDate>Thu, 23 Jul 2020 13:18:04 +0000</pubDate>
      <link>https://dev.to/lujianna/unary-operators-in-javascript-objects-2kh7</link>
      <guid>https://dev.to/lujianna/unary-operators-in-javascript-objects-2kh7</guid>
      <description>&lt;p&gt;A unary operator is an operation with only one operand.&lt;/p&gt;

&lt;p&gt;Plus sign (+) can function as an Addition Operator and also as a Unary Version in Javascript Objects.&lt;/p&gt;

&lt;p&gt;As an arithmetic addition operator: It takes numerical values (literals or variables) as their operands and return a single numerical value.&lt;/p&gt;

&lt;p&gt;Both + and - operators have unary versions, where they operate only on one variable. &lt;br&gt;
When used in this fashion, + returns the number representation of the object, while - returns its negative counterpart&lt;/p&gt;

&lt;p&gt;The unary plus operator converts its operand to Number type.&lt;/p&gt;

&lt;p&gt;The unary negation operator converts its operand to Number type and then negates it.&lt;/p&gt;

&lt;p&gt;&lt;iframe src="https://jsfiddle.net/6wu1kxr8/1//embedded//dark" width="100%" height="600"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
