Web Development Tools the Pros Use: Code Productivity Hacks

Take your web development skills to the next level. Beyond the basics, you'll learn the tricks of the trade from a pro.
3.9 (10 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,594 students enrolled
$19
$30
37% off
Take This Course
  • Lectures 39
  • Length 4 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2015 English

Course Description

"Is there anyone so wise as to learn by the experience of others?" - Voltaire

Basic front end web development isn't terribly hard to learn. It can be tricky to remember all the things you learn, but after you get comfortable with the code, what comes next? Many developers spend time optimizing code and trying to make it perform better. A lot of time is spent making things work, simplifying functions, making things faster and eliminating confusion. Most developers miss one of the most important parts of development. Optimizing YOURSELF as a coder.

Many companies wish they knew what would make their developers happier and more productive. Putting in place agile software development methodologies helps a lot, but what about beyond that? Is there anything you can do as an ambitious developer to wipe the floor with the competition? Yes, there is.

There are many developers making 6 figures in web development today. This doesn't happen over night, and we've never heard of a get-rich-quick scheme in web development, but given enough time and best practices, it is definitely possible. It takes skill, talent, ambition, but it also takes speed and efficiency. It takes building upon the shoulders of giants, people who have already done what you're trying to do, and doing it better. Finding a better way is what makes programming fun and challenging. Gladly, making use of these resources and becoming one of the best developers out there is largely free, enjoyable, and is only a matter of time. If you have the passion to get there.

Whether you're fresh out of one of Udemy's best intro to web development courses, or have been doing it for a while, you can always take it to the next level. Inside this HD video course, you'll find the tools to do just that.

I am so excited that you're looking at what it takes to become a top web developer and advance your skills. I will get right to the point. Inside this course, you will learn:

  • The difference between "front end" and "back end" web development.
  • Why Google is a developer's best friend, even though it seems so simple.
  • The best place to find programming answers from the top developers
  • How to talk directly to the developers who invented the open source libraries you're using, live in real time
  • How communication is critical in day-to-day operations and growing quickly as a developer
  • How social media is a powerful tool in getting information, connecting with the industry and staying on the cutting edge of your field
  • How to use annotated screenshots to eliminate misunderstanding and make your point visually
  • What javascript frameworks you must know and some that just make things simpler, so you don't have to reinvent the wheel every day
  • Discover a handful of chrome tools that make you more productive and less frustrated
  • Find out how Twitter's bootstrap framework can make your own prototypes and projects look great with no design experience
  • The best way to get free sharp icons that load fast to use in any new or existing web project. They scale well too, even on mobile devices
  • What tools to use to optimize and monitor servers and applications from Yahoo and others.
  • How to test Internet Explorer natively (even old ones) with free tools from Microsoft
  • Productivity hacks and personal shortcuts I currently use as a professional developer

We cover all this and a lot more inside, and will be expanding content to cover new topics in the near future. We are most interested in adding content that you specifically request, because we find it provides the most value to you. Simply let us know and we'll make new videos on the subject you want to know about if we can.

More than 4 hours of video on leveling up your skills as a programmer, you'll have access to the course discussions, where other students ask questions and instructors answer, usually in a matter of hours to help you with anything that doesn't make sense or to provide more information on anything related to the course topics. Please feel free to ask questions, help answer questions if you want, and we'll learn together.

If for any reason you are not completely satisfied with the course, Udemy offers a 30 day money back guarantee, so you have no risk taking a course you don't love and get a lot out of. No pressure at all. Either you learn a lot of great tips and tools to use and improve your skills or you shouldn't have to pay. That's how strongly we feel about the material in this course and that it will help you with your development journey.

Thanks for taking a look at this course, and please enroll now to get started!

What are the requirements?

  • You can start this course with what you are using now and decide after seeing the tools explained what is right for you.

What am I going to get from this course?

  • Use the same tools professional web developers do to continually improve as a coder and stay connected with the community of web developers globally.
  • Use the top web development tools the pros use every day to build websites

What is the target audience?

  • If you already have a basic understanding of web development and want just the tools the pros use, you might love this course!

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: What tools do the pros use?
How can you use this course most effectively?
Preview
01:52
Front End vs Back End
Preview
05:21
Expand this Course
Preview
05:17
Section 2: Learning From Others
Why Google is a pro developer's best friend
05:51
StackOverflow already has the answers to most of your problems
09:03
CSS Tricks is a treasure trove of good style ideas
04:16
IRC is oldskool but gives you personal access to devs
08:30
Section 3: Communication
Why is communication so important for learning and growth?
02:58
Your Facebook profile is your most powerful tool for building relationships.
05:21
Facebook groups are awesome for learning and networking.
07:37
A Facebook page is great for social proof and making sales.
03:58
Twitter is very helpful to find people talking about what you need to hear.
05:25
LinkedIn is useful for getting a better job and networking with groups.
06:52
Meetups help with learning and networking in your neighborhood.
05:14
Skitch: annotate screenshots, never be misunderstood
08:12
Chat: save tons of time not doing email all day
06:28
Section 4: Javascript Tools
jQuery is used in 66% of all websites
10:55
Underscore's premade javascript makes life better
04:28
Lodash is Underscore's faster cooler little brother
02:51
Section 5: Chrome Tools
Chrome simplifies development tasks
04:12
Chrome: Great Suspender makes tabs faster
04:39
Chrome: Tab Title Tweaker helps you find tabs fast
06:39
Chrome: Colorzilla shows you the hex value of any color
03:18
Chrome: Selector Gadget reveals elements and xpath
02:29
Chrome: Web Developer Extension is essential
02:34
Chrome Tools Quiz
3 questions
Section 6: Front End & Design
Bootstrap - Part 1: A deeper look at front end structure
14:02
Bootstrap - Part 2: More about twitter's front end framework
07:59
FontAwesome give you fast loading awesome icons in a font
13:31
Front End Quiz
2 questions
Section 7: Testing & Monitoring
Developer Tools: What even are you?
05:45
Firebug: browser tools add-on for even old and busted browsers
05:38
New Relic: great server app monitoring tool
03:54
YSlow: Yahoo's fantastic page speed optimizer
09:40
Modern.ie VMs: When you must IE, you must test natively
06:33
Testing Quiz
2 questions
Section 8: Workflow Tips
Icon Toolbar Hack: Quick access to daily shortcuts
03:42
Text Expansion: The fastest typing is no typing
11:29
Markdown & Github Flavored Markdown
04:04
Simplenote: keep your thoughts synced and organized
04:12
Workflow Quiz
4 questions
Section 9: Conclusion
Important Links: Everything we've talked about here
Article
Choose our next adventure! It's all about you!
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ryan Carter, Sr. Software Engineer, YouTuber, Nerdlinger, Father of 5

I've been playing with technology since I was a kid. At 13 I was building websites by hand in HTML and Frontpage 98 (which is how I learned what not to do). Since then I've been a computer addict and web programmer. I was programming Alpha3 databases on an old green monochrome IBM years before, but at the time I didn't know THAT was programming.

I've always been an avid reader and insatiable learner, I started rearranging bits and bytes to make the computer behave the way I wanted as a kid and have always had a knack for explaining complex things in simple language. I like to help anyone I can in my area of expertise.

I've been developing for the web professionally for 20+ years and I am currently a Sr. Software Engineer for a major telecom company. I specialize in front end web development with a current focus on Angular, Node, JavaScript, jQuery, CSS, SASS, PostgreSQL, MongoDB, WordPress, Drupal. I have experience in the LAMP stack, Node stack, Ruby on Rails stack, C# ASP DOTNET and many others.

If you ever need help, I personally answer all discussions as soon as possible and all comments on my YouTube channel as well. I am here to help with your technology learning so anytime I can assist you, please contact me. Thanks!

Ready to start learning?
Take This Course