Hey there. I haven't updated in a while, but I'm still here!0 Comments
I built this blog following the Django Girls tutorial back in 2016. In 2017, I helped bring DjangoCon to Spokane and organized my first DjangoGirls workshop to go along with it. This year we are organizing Spokane's 2nd DjangoGirls event, this is the first time it'll stand alone without all the DjangoCon support. This year, some of my friends started a non-profit called Future Ada and they have been instrumental in organizing this event, securing sponsors, and recruiting coaches. They are some amazing people and I'm so lucky to know them.
I'm living in Wichita now, but it meant a lot to me to continue the Django Girls workshop in Spokane. So I'm sponsoring and organizing this year and I hope to continue supporting this event year after year. Would you like to sponsor this awesome workshop welcoming women into STEAM in Spokane? Reach out to us for a copy of the sponsorship deck. We'll take all the help we can get!0 Comments
My last update to this site changed the header into a nav bar and I was pretty excited about that. But it looked awful on a mobile browser.
Bootstrap offers a collapsible nav bar that will toggle to a bar icon that is a drop down for all the nav links when the window size shrinks. It's really common in phone apps and mobile accessible websites. They even have sample code in their documentation. Seems pretty simple, right? But not really.
First, Bootstrap has some built in colors and other visual details that override my theme color even though my css is listed after the bootstrap CDN link. Second, the bars icon was showing up when the page is full width, it's supposed to only show up when the page gets narrow enough to warrant the toggle. WTF?!?
I refactored my css and nav bar html over and over again trying to figure out. I read most of Bootstrap's documentation, carefully reworded my stack overflow searches, crawled all over Mozilla's Developers CSS pages, I even went back through the DjangoGirls Tutorial. All great resources by the way.
I was super frustrated. I went to bed to try again in the morning.
The next day, I finally notice that Bootstrap's site has a little banner across the top. It says "Bootstrap 4 Beta is here!" and I'm like, I want that! That's when I realized that I've been using an old version of Bootstrap, via the CDN I copied into the head of my site when I first followed the DjangoGirls tutorial more than a year ago. The toggling nav bar code I was trying to use is for a more recent version. So I updated the CDN in my page, and tada!
Now I have a super awesome toggling nav bar, just like almost all the other websites you view on your phone. :)0 Comments
The DjangoGirls tutorial uses a few components of Bootstrap. Mostly for the grid, glyphicons, and css basics, but it doesn't go into much detail. You really can only fit so much into a one day workshop, so they cover just enough to build your blog and whet your appetite for more.
This weekend, I finally figured out how to change my header to a navbar using Boostrap! Its been on my list of things to learn ever since I added the "about" and "contact" pages, which are linked in the header/navbar. I am really happy with how it turned out, even though it looks almost exactly the same to anyone viewing the site. :)0 Comments
I'm still learning cool new things! I finally figured out how to add basic html to my posts. Yay working links!
I'm also organizing a DjangoGirls event in Spokane this fall. It's August 12th, the day before DjangoCon. check out our site for more information and to apply to attend or coach. It's going to be great!
I love CodeAcademy's tutorials. I love the way they move through one subject at a time, explaining it and applying it as you go. This tutorial covered basic CSS and HTML.
In this tutorial you build a few simple pages, starting with the basic HTML structure of a page, what tags are, and how to comment your code before moving on to styling with fonts and colors. Using only HTML, you'll create a basic page with photos and links, a social profile page, and learn how to make photo albums with tables and clickable photos.
Once you have the basics of HTML down, they introduce CSS and show you how to make buttons, define selectors, and position elements. You'll create a little friend sorting social page using classes, ids, and divs.
The final project of this tutorial is a basic resume. They take you through step by step through laying out your content, identifying your divs, and applying CSS to control sizing, colors, and locations.
After finishing this tutorial, I applied a fixed header to this site.0 Comments
I improved and expanded my use of Font Awesome today. I added the comment bubble with a stacked comment count to the post list view. I increased the size of the icons in the footer by increasing the font in the footer nav bar. I cleaned up the fonts a bit; the comments didn't look good in the pretty cursive script I had before. Slowly, but surely, I am making progress with the blog. I think the next major step will be to add images, links, and tags to the posts so they look more like a real blog and can be sorted by subject. I also need to add actual information to the about and contact pages...1 Comment
I used some skills from the Hello Web App book to add static pages for "about" and "contact" and to create a nav bar! I learned how to add a footer using the Codacademy: Make a Website tutorial.
I still need to add content to the About and Contact pages and make the links in the footer actual links with icons, instead of just text, but its a start!
Reviews of the book and tutorial coming soon!0 Comments
I finally finished the Python Course on Codeacademy! I started it a while ago as a way to kill time on breaks at work and to practice typing out the code. I had already started to learn some python through a Coursera course offered by Rice University. I got hung up on the binary math section, so I set it aside for a while. I actually started and finished a few other tutorials in the mean time. But once I broke through my mental block, the rest of the course was pretty clear and simple.
What I like about CodeAcademy in general:
The modules are short, I can usually cover at least one subject during a 15 minute break. It's good for my short attention span. The typing and syntax practice is helpful, I am a very sloppy typist and heavily rely on auto-correct in emails and in word documents. I really need to improve my typing skills.
What I don't like: Sometimes it's buggy and rejects your code for no apparent reason. Usually when this happens, I refresh the browser or close the browser and start over again a few times to make sure I really am not missing a simple typo or comma. Luckily, each segment of the lesson has a decent Q&A linked and most of the times, other users had the same problem I had and someone else had a solution.
What I liked about the Python course: The course jumps in pretty quickly, getting to real examples right away with print statements, math, if/else statements, functions, and classes. The course finishes with opening other files to pull data, which is exactly what I want to do with Python.
What I didn't like: Umm, not much.
Overall, it's a pretty great intro to the python language. It covers a pretty wide base, so that when I use python in other applications, like Django, I'm at least familiar with Python conventions.0 Comments
Today this blog is very simple. I can make drafts and publish posts and readers can comment on the posts. I get to approve or delete the comments. What I can't do yet is add photos or links to the posts, I can't tag the posts, readers can't filter the posts by subject, readers can't search the blog. I have a lot of work to do and I'll be adding these and other features to this blog as I learn.
This blog will cover several subjects:
Mostly I want to blog about how I'm learning to code. I'll review the tutorials and books I use. I'll share the apps I make here as well. Right now my coding focus will be Python and Django with some html and CSS as needed.
I'll also blog about running. I'm almost always training for a half marathon or 10k and am considering giving a triathlon a tri. I train with and mentor for a local running store. I love it!
On top of coding and running I do a lot of domestic stuff. I knit, sew, jar, cook, bake, etc. I'd like to share some of my favorite recipes and craft projects on here as well.
Eventually, I'll have posts tagged so you can see my blog from each of those perspectives. If you like to code, but don't care about running or knitting, you should be able to view the site with only the coding posts shown.
Do you have a favorite programming book, tutorial, or resource? Let me know in the comments below!0 Comments
I added commenting to my blog using this tutorial:
Let me know what you think.0 Comments
My blog is live! I still have some work to do. woohoo!0 Comments