<?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: Cristien</title>
    <description>The latest articles on DEV Community by Cristien (@crisbnp_).</description>
    <link>https://dev.to/crisbnp_</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%2F181539%2Ffa3d1191-5a1f-4342-8bd9-43617b23538e.jpg</url>
      <title>DEV Community: Cristien</title>
      <link>https://dev.to/crisbnp_</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/crisbnp_"/>
    <language>en</language>
    <item>
      <title>Nevertheless, Cristien Coded in 2021, with self-compassion.</title>
      <dc:creator>Cristien</dc:creator>
      <pubDate>Sun, 07 Mar 2021 22:29:02 +0000</pubDate>
      <link>https://dev.to/crisbnp_/nevertheless-cristien-coded-in-2021-with-self-compassion-2f5e</link>
      <guid>https://dev.to/crisbnp_/nevertheless-cristien-coded-in-2021-with-self-compassion-2f5e</guid>
      <description>&lt;h2&gt;
  
  
  My journey is not a linear path
&lt;/h2&gt;

&lt;p&gt;My journey into tech has been a long winded process of finding myself and my own voice.&lt;/p&gt;

&lt;p&gt;I graduated with a Pharmacology degree and worked as a Research Lab Scientist for 3 years. In those 3 years, I wanted to pursue PhD because I love research and data. I had a change of heart when I realised I didn’t want to spend the next 20 to 30 years going into the lab, putting on my white coat, experimenting both &lt;em&gt;in vitro&lt;/em&gt; and &lt;em&gt;in vivo&lt;/em&gt;. I wanted to be creative but yet utilise my love for problem solving and learning.&lt;/p&gt;

&lt;p&gt;I left the field when I was diagnosed with endometriosis. The pain I experienced as a woman during ovulation and menstruation was unbearable. It took 3 years for that diagnosis, I spent those time in the lab and I think that was one of the deciding factors that I wanted to work in tech because there is a greater flexibility in working conditions, I could work with my laptop and tend to myself when I experience pain.&lt;/p&gt;

&lt;p&gt;I joined a coding Bootcamp under apprenticeship - I went for an interview with a small BI company and I was really excited because I could possibly combine software engineering and data. I started the Bootcamp. I learnt a lot in 12 weeks but looking back, the learning style was a lot of ticking boxes and I wanted to go deeper into the subjects. I joined the company but I was the only developer with no outline of the projects I should be working on and was told to work on sales consultancy support. I was misled but I spent the whole time, hoping or wishing that there would be a project where I could utilise my skills but this never came. I quit after 2 and the half months for various reasons. &lt;/p&gt;

&lt;p&gt;My first job in tech set me back and I was left questioning my ability and whether or not a hostile and unsupportive work environment is the norm in tech.&lt;/p&gt;

&lt;p&gt;I passed my Microsoft exam, quit my job and found out I was expecting. That was a lot of emotions in less than a month - happiness, excitement, anxiousness, self-deprecation and a whole lot more.&lt;/p&gt;

&lt;p&gt;I was anxious about the pregnancy and what my future in tech will be. Will I have a second chance at it? Will I be able to reboot my career in tech? Am I capable of being a software engineer? Will I be ok taking a career break?&lt;/p&gt;

&lt;h2&gt;
  
  
  Fast forward 20 months later
&lt;/h2&gt;

&lt;p&gt;I spent my time during pregnancy dipping in and out playing around with Gatsby, coming up with project ideas that didn’t get executed and creating learning tracker and plans so I could use it after the birth of my baby. &lt;/p&gt;

&lt;p&gt;I didn’t get to work on any projects or learning while I saw other new mums thriving in their learning with a young baby. I blamed myself for not being disciplined but the truth was, motherhood was not natural to me and I suffered with postpartum anxiety. &lt;/p&gt;

&lt;p&gt;Now that my little one is 12 months old, I have learnt so much about motherhood and myself thus far - it taught me to be kind to myself.&lt;/p&gt;

&lt;p&gt;I am now hopeful for my future with my family by my side, friends who lift me up and supportive communities.&lt;/p&gt;

&lt;p&gt;My recent achievements look like this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I found supportive moms-in-tech Slack group and Virtual Coffee community. &lt;/li&gt;
&lt;li&gt;I created my &lt;a href="//www.cristien.xyz"&gt;blog&lt;/a&gt; to document my learning&lt;/li&gt;
&lt;li&gt;It’s okay to have a multitude of interests from design, web dev, data and machine learning (I tend to talk myself down for not being able to narrow my interests to one thing)&lt;/li&gt;
&lt;li&gt;I was recently awarded a Bank of America scholarship to study Python with Code First Girls and currently enrolled in the evening classes for a month&lt;/li&gt;
&lt;li&gt;I have also accepted into Front End Foxes School - European region cohort 🦊 &lt;/li&gt;
&lt;li&gt;Allowing myself to take a break and rest&lt;/li&gt;
&lt;li&gt;Speaking kindly to myself when I don’t achieve what I need to achieve&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;What I’ve learnt so far:&lt;/p&gt;

&lt;p&gt;Sometimes you have to be put in challenging situations to be true to yourself and speak up about what you want.&lt;/p&gt;

&lt;p&gt;Yes, I quit my first job in tech because I wasn’t going to let myself be treated unkindly. &lt;/p&gt;

&lt;p&gt;Yes, I stopped coding for a bit because my family is my priority and fertility is not something I’m going to take for granted. &lt;/p&gt;

&lt;p&gt;But I am back to code consistently and this time, with self-compassion and a sprinkle of self-belief that I can achieve my dream goal: to land a remote Software Engineering or Data Scientist role this year within an inclusive, supportive company who I can contribute my skills to.&lt;/p&gt;

&lt;p&gt;I have grown so much as a woman and a developer who have struggled to find my voice. I am still work in progress but despite everything, nevertheless I coded. &lt;/p&gt;

&lt;p&gt;Happy International Women’s Day!&lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to keep a forked repo up to date - journal</title>
      <dc:creator>Cristien</dc:creator>
      <pubDate>Thu, 18 Feb 2021 16:53:55 +0000</pubDate>
      <link>https://dev.to/crisbnp_/how-to-keep-a-forked-repo-up-to-date-journal-57h8</link>
      <guid>https://dev.to/crisbnp_/how-to-keep-a-forked-repo-up-to-date-journal-57h8</guid>
      <description>&lt;p&gt;I am trying to familiarise myself with React Native to contribute more to &lt;a href="https://github.com/BekahHW/postpartum-wellness-app"&gt;Bekah's Postpartum Wellness&lt;/a&gt; open source project and have been in touch with Bekah for a walkthrough of the project so I can try and work on open issues. She let me know that she's made a small change to the repo and I might need to grab the latest copy. &lt;/p&gt;

&lt;p&gt;So, I thought I could just pull latest copy from the master branch but as I went on my local copy and &lt;code&gt;git checkout master&lt;/code&gt;- it says the master branch is up to date. I thought of course it is as it is a forked repo. &lt;/p&gt;

&lt;p&gt;With the help of Google, I came across this &lt;a href="https://gist.github.com/CristinaSolana/1885435"&gt;gist&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📌 What I did:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;code&gt;cd &amp;lt;local forked copy&amp;gt;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;git remote add upstream &amp;lt;original repo link&amp;gt;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;git fetch upstream&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;git pull upstream master&lt;/code&gt;to update my local forked repo.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I think that worked! &lt;/p&gt;

&lt;p&gt;So today I learned this 🙂&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>codenewbie</category>
      <category>todayilearned</category>
      <category>github</category>
    </item>
    <item>
      <title>Contributing to an Open Source Project - journal</title>
      <dc:creator>Cristien</dc:creator>
      <pubDate>Thu, 11 Feb 2021 02:43:31 +0000</pubDate>
      <link>https://dev.to/crisbnp_/contributing-to-an-open-source-project-journal-3lfi</link>
      <guid>https://dev.to/crisbnp_/contributing-to-an-open-source-project-journal-3lfi</guid>
      <description>&lt;p&gt;Having been away from coding for almost 2 years, it feels good to be able to slowly come back to it and refresh what I have learned. It is a slow progress but one of the things I would like to do more this year is Open Source contribution. &lt;/p&gt;

&lt;p&gt;I would like to one day make a PR for an issue that requires me to submit my code but any contribution, however small, allows me to refresh and relearn the process of using Github and git.&lt;/p&gt;

&lt;p&gt;I came across &lt;a href="https://github.com/BekahHW/postpartum-wellness-app"&gt;Bekah's Postpartum Wellness App&lt;/a&gt; through her journey on Twitter as I have been following her for awhile and Virtual Coffee. As a new mum to my soon-to-be 12-month-old baby boy, this hits close to home as I suffered from Postpartum Anxiety. I think her passion project can be useful to a lot of mums. &lt;/p&gt;

&lt;p&gt;So I reached out to her to ask about how I can contribute. I have very little knowledge about React Native - I know it's a framework to build a mobile app using React. I know a bit of React and I always wanted to learn React Native. It's been on my to-learn list since last year when I had an idea about a mobile app that I wanted to build which I never really executed because a newborn baby was on the way. &lt;/p&gt;

&lt;p&gt;Bekah was up to walk me through things so we are scheduling something for that. In the meantime, I wanted to take a look at the repo, read through the README and check out the issues. While reading the README.md file, I clicked on the contributing link but it redirected me to a 404 error page. So I thought, maybe this is something I can fix. &lt;/p&gt;

&lt;p&gt;I have forgotten all the steps on what to do with git and Github! One thing I didn't want to do was mess the whole repo structure. So I did everything very cautiously. &lt;/p&gt;

&lt;p&gt;📌 What I did:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Fork the repo. What this does is it makes a copy of the repo to our own repo.&lt;/li&gt;
&lt;li&gt;Clone the repo in desired local folder. &lt;code&gt;git clone &amp;lt;repo link&amp;gt;&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Open the repo folder in Visual Studio Code.&lt;/li&gt;
&lt;li&gt;Checked out the files and made sure to install any dependencies =&amp;gt; I realized Bekah uses Yarn in her project, which I have never installed and used so I installed Yarn.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;To make changes to the README.md file, you want to work on a new branch rather than the master branch. &lt;/p&gt;

&lt;p&gt;📌 So this is what I did:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create a new branch &lt;code&gt;git branch &amp;lt;name of new branch&amp;gt;&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Go to the new branch &lt;code&gt;git checkout &amp;lt;name of new branch&amp;gt;&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Make changes to the file.&lt;/li&gt;
&lt;li&gt;Add changes via &lt;code&gt;git add .&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Commit changes via &lt;code&gt;git commit -m &amp;lt;commit message of changes you made&amp;gt;&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Push changes via &lt;code&gt;git push origin &amp;lt;name of new branch&amp;gt;&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Open a Pull Request.&lt;/li&gt;
&lt;li&gt;Now we wait patiently for the OS maintaner to review it and give us feedback. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;So that was my first pull request of the year! HURRAY 🎉&lt;/p&gt;

&lt;p&gt;This whole process allowed me to refresh git and Github. Now onto understanding React Native 🙂&lt;/p&gt;

&lt;p&gt;Here are some resources I found useful:&lt;br&gt;
-&lt;a href="https://medium.com/@jenweber/your-first-open-source-contribution-a-step-by-step-technical-guide-d3aca55cc5a6"&gt;Your first open source contribution: a step-by-step technical guide&lt;/a&gt;&lt;br&gt;
-&lt;a href="https://gist.github.com/hofmannsven/6814451"&gt;Git Cheatsheet&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Credits:&lt;br&gt;
Cover Image by &lt;a href="https://unsplash.com/@richygreat?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Richy Great&lt;/a&gt; on &lt;a href="https://unsplash.com/"&gt;Unsplash&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>codenewbie</category>
      <category>javascript</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>What is Microsoft 70-480 exam and how to study for it?</title>
      <dc:creator>Cristien</dc:creator>
      <pubDate>Fri, 28 Jun 2019 15:48:49 +0000</pubDate>
      <link>https://dev.to/crisbnp_/what-is-microsoft-70-480-exam-and-how-to-study-for-it-377k</link>
      <guid>https://dev.to/crisbnp_/what-is-microsoft-70-480-exam-and-how-to-study-for-it-377k</guid>
      <description>&lt;p&gt;Microsoft has so many certifications that could allow you to level up your technical skills! &lt;/p&gt;

&lt;p&gt;And today, I did my very first certification exam and I passed! So, I'll share a bit of knowledge of what the exam is and a quick guide on how to study for it (&amp;amp;&amp;amp; pass it!).&lt;/p&gt;

&lt;h3&gt;
  
  
  So, what is Microsoft &lt;strong&gt;Exam 70-480: Programming in HTML5 with JavaScript and CSS3&lt;/strong&gt; anyways?
&lt;/h3&gt;

&lt;p&gt;I have never heard of this exam until 3 months ago when I was about to complete the coding bootcamp I attended.&lt;/p&gt;

&lt;p&gt;When you look at it at a glance, the exam seems like it's testing you on your knowledge of how to build a website but there is more to it!&lt;/p&gt;

&lt;p&gt;Check out the &lt;a href="https://www.microsoft.com/en-us/learning/exam-70-480.aspx"&gt;exam certification page&lt;/a&gt; to find in-depth explanations of what the exam is. In summary, there are 4 things they want you to have a good understanding of and pretty much sums up what goes into the exam:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Implement and manipulate document structures and objects (24%)&lt;/li&gt;
&lt;li&gt;Implement program flow (25%)&lt;/li&gt;
&lt;li&gt;Access and secure data (26%)&lt;/li&gt;
&lt;li&gt;Use CSS3 in applications (25%)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  So why take this exam?
&lt;/h3&gt;

&lt;p&gt;I feel that it helped me tie together what I have learned during my bootcamp. I have always enjoyed CSS more than JS because I am more of a design person but this exam has helped me appreciate JS a lot more! &lt;/p&gt;

&lt;h3&gt;
  
  
  Was it difficult?
&lt;/h3&gt;

&lt;p&gt;I suppose if you have been programming for years and have good fundamentals - it wouldn't be too hard. But it was really difficult for me. With only 6 months of JS under my belt, I had lots of gaps in my knowledge but it definitely pushed me to learn, question, read and understand more, repetitively. It helped me find my style of learning too!&lt;/p&gt;

&lt;h3&gt;
  
  
  What do you need to learn to prep for the exam?
&lt;/h3&gt;

&lt;p&gt;The honest answer is there is quite a lot of things that are covered in the exam but basically:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HTML, CSS3, JavaScript (ES5)&lt;/li&gt;
&lt;li&gt;Callbacks&lt;/li&gt;
&lt;li&gt;Error handling&lt;/li&gt;
&lt;li&gt;Events handling&lt;/li&gt;
&lt;li&gt;Data validation (hint: regex regex regex)&lt;/li&gt;
&lt;li&gt;HTML5 Web Apis: DOM, web workers, web sockets, geolocation, app cache, localStorage, sessionStorage, canvas, svg&lt;/li&gt;
&lt;li&gt;XMLHttpRequest and Ajax&lt;/li&gt;
&lt;li&gt;jQuery&lt;/li&gt;
&lt;li&gt;Basic CSS Layout, Flexbox, Grid, CSS Regions&lt;/li&gt;
&lt;li&gt;Transitions, Transforms and Animations&lt;/li&gt;
&lt;li&gt;...(I might have missed a few other things, but let me know if I have!)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  How to study for it?
&lt;/h3&gt;

&lt;h4&gt;
  
  
  💡 Find your learning style preference
&lt;/h4&gt;

&lt;p&gt;I think everyone has their own way of learning so essentially, it may be best to find out what your learning style preference is - is it watching videos, reading a book, doing practice questions or a combination of all of them?&lt;/p&gt;

&lt;p&gt;As I am a visual, a verbal and a reflective learner, I used a combination of learning styles to prep for the exam! &lt;/p&gt;

&lt;h4&gt;
  
  
  📚 Get the learning materials suited to your style of learning
&lt;/h4&gt;

&lt;p&gt;The main material I used to prep for them exam is the &lt;a href="https://amzn.to/2Y38Dg1"&gt;Exam Reference book for 70-480&lt;/a&gt;. I read the whole book! As you go through the book, you'll find that the book has a few errors or some outdated materials as it was published in 2014, but I complimented my reading with online materials like &lt;a href="https://developer.mozilla.org/en-US/"&gt;MDN&lt;/a&gt;, &lt;a href="https://www.w3schools.com"&gt;W3Schools&lt;/a&gt;, Stack Overflow, freeCodecamp, Medium articles on concepts that I struggle to understand... technically, I google the heck of everything!&lt;/p&gt;

&lt;h4&gt;
  
  
  💻 Question everything and take notes
&lt;/h4&gt;

&lt;p&gt;Another thing that I think helped me so much in my learning is &lt;strong&gt;taking notes&lt;/strong&gt; of all the &lt;strong&gt;questions&lt;/strong&gt; I have and use the notes &lt;strong&gt;to reiterate my understanding&lt;/strong&gt;! So, I use Google Keep to take all my notes - for instance, I wasn't happy with my understanding of localStorage and sessionStorage so I would keep the questions I have in Google Keep:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"What is localStorage?" &lt;/li&gt;
&lt;li&gt;"Why use localStorage instead of sessionStorage" and&lt;/li&gt;
&lt;li&gt;"What does 'localStorage and sessionStorage is specific to the protocol of the page' mean?". &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The last question was referring to a sentence in the book because I really did not understand what it meant... when you don't know something, it's always your best bet to question it and find the answers!&lt;/p&gt;

&lt;p&gt;Then I'd find the time to sit down and google all my questions, read different online resources to really get to the bottom of my questions! I would save the online resources as source to the answer and answer my own question in a few sentences. &lt;/p&gt;

&lt;h4&gt;
  
  
  👩🏻‍💻 Practice the questions
&lt;/h4&gt;

&lt;p&gt;I had some printed mockup questions, ones I find online plus I signed up to &lt;a href="https://www.measureup.com/catalogsearch/result/?cat=u0026q=+70-480"&gt;measureup&lt;/a&gt; to get the feel of the exam in real-time.&lt;/p&gt;

&lt;h4&gt;
  
  
  🙋🏻‍♀️ Ask other devs
&lt;/h4&gt;

&lt;p&gt;As I went through practice questions, when I get stuck understanding the explanation behind the correct answer - I would ask other devs and just ask how, why, what... &lt;/p&gt;

&lt;h4&gt;
  
  
  💪🏻 Don't give up!
&lt;/h4&gt;

&lt;p&gt;Really, this is the best piece of advice I could give you - if you are new to coding, revising for the exam might feel overwhelming but &lt;strong&gt;do not give up&lt;/strong&gt;. &lt;/p&gt;

&lt;h3&gt;
  
  
  How to pass it?
&lt;/h3&gt;

&lt;p&gt;I will be lying if I said I didn't get shocked when I found out I passed. I was expecting to fail the exams because I felt like I wasn't ready or did not know enough. &lt;/p&gt;

&lt;p&gt;But the &lt;em&gt;truth&lt;/em&gt; is, you will never feel ready, there will always be something that you don't know and in real-life, when you are coding and building something - you would google things you don't know... &lt;/p&gt;

&lt;p&gt;At the end of the day, I think the whole point of studying for the exam and the exam itself is to give yourself a good understanding and strong fundamentals to HTML, CSS and JS. &lt;/p&gt;

&lt;p&gt;If you study the materials and do a bit of practice questions, plus really learn to understand the concepts - you'll do great! &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The most important thing is understanding the concept &amp;amp;&amp;amp; if you still don't get it, it's okay - keep at it because you eventually will&lt;/strong&gt; 🙂 &lt;/p&gt;

&lt;h4&gt;
  
  
  What’s next after the exam?
&lt;/h4&gt;

&lt;p&gt;You can take more exams on the Microsoft certified path... but for me, learn new things, build something and more things and keep learning. &lt;/p&gt;

&lt;p&gt;Thanks for reading ❣️&lt;br&gt;
Good luck - you got this ⚡️ &lt;/p&gt;




&lt;p&gt;Here are other resources you might find helpful to prep for your exam:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.barbarianmeetscoding.com/blog/2015/03/15/on-how-i-passed-the-70-480-certification-exam"&gt;A Brief Guide On How to Pass the 70-480 Certification Exam&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://channel9.msdn.com/Series/Developing-in-HTML5-with-JavaScript-and-CSS3-Jump-Start?l=lCnp5kIy_5104984382"&gt;A collection of tutorial videos - Developing in HTML5 with JS and CSS3 by Microsoft &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://medium.com/@Cuddle_a/my-experience-with-the-microsoft-70-480-exam-programming-in-html5-with-javascript-css3-afe101ad761a"&gt;A dev's experience with the exam&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://gist.github.com/rgharris/a97a38ffd94a6fa6f975"&gt;Exam Study Guide&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>blog</category>
      <category>motivation</category>
      <category>codenewbie</category>
    </item>
  </channel>
</rss>
